:root{--color-bg-base: #0c1015;--color-bg-surface: #131a22;--color-bg-elevated: #1a2230;--color-border: #1e2d3d;--color-border-subtle: #162030;--color-border-strong: #2a3d52;--color-cyan-400: #22d3ee;--color-cyan-500: #06b6d4;--color-cyan-600: #0891b2;--color-indigo-400: #818cf8;--color-indigo-500: #6366f1;--color-indigo-600: #4f46e5;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #94a3b8;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--glow-indigo: 0 0 20px rgba(99, 102, 241, .25), 0 0 60px rgba(99, 102, 241, .1);--glow-indigo-sm: 0 0 10px rgba(99, 102, 241, .2);--glow-cyan: 0 0 20px rgba(34, 211, 238, .25), 0 0 60px rgba(34, 211, 238, .1);--glow-cyan-sm: 0 0 10px rgba(34, 211, 238, .2);--font-sans: "Inter", system-ui, sans-serif;--font-heading: "Sora", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition-base: .2s ease;--transition-slow: .35s ease;--container-max: 1200px;--container-padding: 1.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg-base);color:var(--color-text-primary);line-height:1.625;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-surface)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan-500)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) var(--color-bg-surface)}::selection{background-color:#06b6d44d;color:var(--color-text-primary)}::-moz-selection{background-color:#06b6d44d;color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-text-primary);letter-spacing:-.02em}h1{font-size:clamp(2.25rem,5vw,4.5rem)}h2{font-size:clamp(1.75rem,3.5vw,2.75rem)}h3{font-size:clamp(1.25rem,2.5vw,1.875rem)}h4{font-size:1.375rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--color-text-secondary);line-height:1.75}a{color:inherit;text-decoration:none;transition:color var(--transition-base)}code,kbd,samp,pre{font-family:var(--font-mono)}code:not(pre code){background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-cyan-400);padding:.125rem .375rem;border-radius:4px;font-size:.875em}pre{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:.75rem;padding:1.5rem;overflow-x:auto;font-size:.875rem;line-height:1.7}pre code{background:none;border:none;padding:0;color:var(--color-text-primary)}img,video,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--color-cyan-500);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.section{padding-top:5rem;padding-bottom:5rem}@media (min-width: 768px){.section{padding-top:7.5rem;padding-bottom:7.5rem}}.text-gradient-indigo{background:linear-gradient(135deg,var(--color-indigo-400) 0%,#c7d2fe 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-indigo-cyan{background:linear-gradient(135deg,var(--color-indigo-400) 0%,var(--color-cyan-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-border{position:relative;background:var(--color-bg-surface);border-radius:1rem}.gradient-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,var(--color-indigo-500),transparent 40%,var(--color-cyan-400) 100%);z-index:-1;opacity:.6;transition:opacity var(--transition-slow)}.gradient-border:hover:before{opacity:1}.bg-dots{background-image:radial-gradient(circle,#2a2a38 1px,transparent 1px);background-size:32px 32px}.bg-grid{background-image:linear-gradient(rgba(42,42,56,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(42,42,56,.25) 1px,transparent 1px);background-size:64px 64px}.glass{background:#111118cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(42,42,56,.6)}.noise:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");border-radius:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes borderGlow{0%{box-shadow:0 0 10px #6366f133}to{box-shadow:0 0 25px #6366f180,0 0 50px #6366f126}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-fade-in{animation:fadeIn .5s ease-out both}.animate-slide-up{animation:slideUp .5s ease-out both}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}