:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a24;--bg-card: #16161f;--bg-card-hover: #1e1e2a;--accent-primary: #00d4ff;--accent-secondary: #00a8cc;--accent-tertiary: #0077b6;--accent-warm: #f59e0b;--accent-warm-light: #fbbf24;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-muted: #52525b;--gradient-hero: linear-gradient(135deg, #0a0a0f 0%, #12121a 50%, #0d1117 100%);--gradient-accent: linear-gradient(135deg, #00d4ff 0%, #0077b6 100%);--gradient-warm: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-card: linear-gradient(145deg, rgba(22, 22, 31, .8) 0%, rgba(18, 18, 26, .9) 100%);--glow-cyan: 0 0 40px rgba(0, 212, 255, .15);--glow-warm: 0 0 40px rgba(245, 158, 11, .15);--border-subtle: rgba(255, 255, 255, .06);--border-accent: rgba(0, 212, 255, .3);--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-primary: "Instrument Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::selection{background:#00d4ff4d;color:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}a{color:inherit;text-decoration:none}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}@media(max-width:768px){.container{padding:0 var(--space-md)}}section{position:relative}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600}h1{font-size:clamp(2.5rem,6vw,4.5rem);letter-spacing:-.03em}h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.02em}h3{font-size:clamp(1.25rem,2vw,1.5rem)}.text-gradient{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-warm{background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}