:root{--color-primary: #8B5CF6;--color-accent: #F59E0B;--color-bg: #0A0A0F;--color-bg-secondary: #1A1A2E;--color-bg-card: #16213E;--color-text: #E5E7EB;--color-text-secondary: #9CA3AF;--color-heading: #F9FAFB;--color-gradient: linear-gradient(135deg, #8B5CF6 0%, #F59E0B 100%);--color-link: #8B5CF6;--color-link-hover: #F59E0B;--color-border: #374151;--color-surface: #1E293B;--color-surface-hover: #334155;--color-bg-gradient: linear-gradient(135deg, #0A0A0F 0%, #1A1A2E 25%, #16213E 50%, #1E293B 75%, #0F172A 100%);--color-premium-gradient: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-card) 50%, var(--color-surface) 100%);--spacing-xs: clamp(.25rem, 1vw, .5rem);--spacing-sm: clamp(.5rem, 2vw, 1rem);--spacing-md: clamp(1rem, 3vw, 1.5rem);--spacing-lg: clamp(1.5rem, 4vw, 2rem);--spacing-xl: clamp(2rem, 5vw, 3rem);--spacing-2xl: clamp(3rem, 8vw, 5rem)}html,body{height:100%;width:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--color-premium-gradient);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .5s;overflow-x:hidden;font-size:clamp(14px,2.5vw,16px);line-height:1.6}*{box-sizing:border-box}a{color:var(--color-link);text-decoration:none;transition:color .2s}a:hover{color:var(--color-link-hover)}h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:800;color:var(--color-heading);line-height:1.2;margin:0 0 var(--spacing-md)}h1{font-size:clamp(2rem,6vw,4rem)}h2{font-size:clamp(1.5rem,5vw,3rem)}h3{font-size:clamp(1.25rem,4vw,2rem)}h4{font-size:clamp(1.1rem,3vw,1.5rem)}h5{font-size:clamp(1rem,2.5vw,1.25rem)}h6{font-size:clamp(.9rem,2vw,1.1rem)}p{margin:0 0 var(--spacing-md);font-size:clamp(.9rem,2.2vw,1rem);line-height:1.6}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:clamp(.9rem,2.2vw,1rem)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);width:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media (max-width: 768px){.text-center-mobile{text-align:center}.text-left-mobile{text-align:left}}.grid{display:grid;gap:var(--spacing-md)}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.fade-in{animation:fadeIn 1s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(clamp(20px,5vw,30px))}to{opacity:1;transform:none}}.portfolio-responsive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}@media (max-width: 1200px){.portfolio-responsive-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.portfolio-responsive-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}img{max-width:100%;height:auto;display:block}input,textarea,select{font-size:clamp(.9rem,2.2vw,1rem);padding:var(--spacing-sm) var(--spacing-md);border-radius:8px;border:2px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text);width:100%;box-sizing:border-box}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}