:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0a0a12;--bg-soft: #0e0e18;--surface: rgba(255, 255, 255, .035);--surface-2: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--text: #f2f3f8;--text-2: #b9bccc;--muted: #7d8195;--accent: #818cf8;--accent-2: #22d3ee;--accent-3: #f472b6;--glow: rgba(129, 140, 248, .35);--particle: rgba(148, 158, 255, .55);--mesh-1: rgba(99, 102, 241, .2);--mesh-2: rgba(34, 211, 238, .13);--mesh-3: rgba(244, 114, 182, .1);--glass-bg: rgba(14, 14, 24, .65);--glass-border: rgba(255, 255, 255, .08);--shadow: 0 24px 60px -24px rgba(0, 0, 0, .7);--code-bg: #0d0d1a}:root[data-theme=light]{color-scheme:light;--bg: #f7f7fc;--bg-soft: #ffffff;--surface: #ffffff;--surface-2: #f1f1f9;--border: rgba(15, 17, 40, .09);--border-strong: rgba(15, 17, 40, .18);--text: #0d0f1f;--text-2: #3d4157;--muted: #767a90;--accent: #6366f1;--accent-2: #0891b2;--accent-3: #db2777;--glow: rgba(99, 102, 241, .22);--particle: rgba(99, 102, 241, .35);--mesh-1: rgba(99, 102, 241, .14);--mesh-2: rgba(8, 145, 178, .1);--mesh-3: rgba(219, 39, 119, .07);--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(15, 17, 40, .08);--shadow: 0 24px 60px -28px rgba(30, 34, 80, .25);--code-bg: #101228}:root[data-theme=midnight]{color-scheme:dark;--bg: #05060d;--bg-soft: #090a14;--surface: rgba(167, 139, 250, .05);--surface-2: rgba(167, 139, 250, .09);--border: rgba(167, 139, 250, .14);--border-strong: rgba(167, 139, 250, .26);--text: #ece9ff;--text-2: #b0aacd;--muted: #746e92;--accent: #a78bfa;--accent-2: #f472b6;--accent-3: #38bdf8;--glow: rgba(167, 139, 250, .4);--particle: rgba(196, 181, 253, .5);--mesh-1: rgba(139, 92, 246, .22);--mesh-2: rgba(244, 114, 182, .12);--mesh-3: rgba(56, 189, 248, .1);--glass-bg: rgba(9, 10, 20, .68);--glass-border: rgba(167, 139, 250, .12);--shadow: 0 24px 60px -24px rgba(0, 0, 0, .8);--code-bg: #0a0b18}:root[data-theme=ocean]{color-scheme:dark;--bg: #03141d;--bg-soft: #062030;--surface: rgba(56, 189, 248, .05);--surface-2: rgba(56, 189, 248, .09);--border: rgba(56, 189, 248, .14);--border-strong: rgba(56, 189, 248, .28);--text: #e8f6fd;--text-2: #a8c8d8;--muted: #648294;--accent: #2dd4bf;--accent-2: #38bdf8;--accent-3: #818cf8;--glow: rgba(45, 212, 191, .35);--particle: rgba(125, 211, 252, .5);--mesh-1: rgba(14, 165, 233, .18);--mesh-2: rgba(45, 212, 191, .14);--mesh-3: rgba(99, 102, 241, .1);--glass-bg: rgba(4, 24, 34, .68);--glass-border: rgba(56, 189, 248, .12);--shadow: 0 24px 60px -24px rgba(0, 10, 20, .8);--code-bg: #04202e}:root[data-theme=aurora]{color-scheme:dark;--bg: #060d0b;--bg-soft: #0a1512;--surface: rgba(52, 211, 153, .05);--surface-2: rgba(52, 211, 153, .09);--border: rgba(52, 211, 153, .14);--border-strong: rgba(52, 211, 153, .28);--text: #eafff7;--text-2: #a9cfc2;--muted: #64837a;--accent: #34d399;--accent-2: #818cf8;--accent-3: #f472b6;--glow: rgba(52, 211, 153, .35);--particle: rgba(110, 231, 183, .5);--mesh-1: rgba(16, 185, 129, .18);--mesh-2: rgba(129, 140, 248, .13);--mesh-3: rgba(244, 114, 182, .1);--glass-bg: rgba(7, 16, 13, .68);--glass-border: rgba(52, 211, 153, .12);--shadow: 0 24px 60px -24px rgba(0, 12, 8, .8);--code-bg: #071711}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}html.theme-anim,html.theme-anim *{transition:background-color .45s ease,color .45s ease,border-color .45s ease!important}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(42% 38% at 18% 12%,var(--mesh-1),transparent 70%),radial-gradient(38% 34% at 82% 26%,var(--mesh-2),transparent 70%),radial-gradient(44% 40% at 55% 88%,var(--mesh-3),transparent 70%);animation:mesh-drift 26s ease-in-out infinite alternate}@keyframes mesh-drift{0%{transform:translateZ(0) rotate(0) scale(1)}to{transform:translate3d(2.5%,3%,0) rotate(3deg) scale(1.06)}}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}img{max-width:100%;display:block}a{color:var(--accent);text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:is(a,button,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.02em;font-weight:700;text-wrap:balance}.container{width:min(1140px,100% - 48px);margin-inline:auto}@media(max-width:560px){.container{width:calc(100% - 36px)}}.section{padding-block:clamp(72px,9vw,128px);position:relative}.gradient-text{background:linear-gradient(120deg,var(--accent),var(--accent-2) 55%,var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.eyebrow:before{content:"";width:22px;height:1.5px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;transition:transform .35s cubic-bezier(.2,.6,.2,1),border-color .35s ease,box-shadow .35s ease,background .35s ease}.card--hover:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow),0 0 0 1px var(--glow) inset}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);border:1px solid var(--glass-border)}.g-border{border:1px solid transparent;background:linear-gradient(var(--bg-soft),var(--bg-soft)) padding-box,linear-gradient(135deg,var(--accent),var(--accent-2),var(--accent-3)) border-box}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:500;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);white-space:nowrap}.chip--accent{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:12px;font-size:15px;font-weight:600;letter-spacing:-.01em;transition:transform .25s cubic-bezier(.2,.6,.2,1),box-shadow .3s ease,background .3s ease,border-color .3s ease;will-change:transform}.btn--primary{color:#fff;background:linear-gradient(120deg,var(--accent),var(--accent-2));box-shadow:0 10px 30px -10px var(--glow)}.btn--primary:hover{box-shadow:0 16px 40px -12px var(--glow),0 0 0 1px #ffffff1f inset}.btn--ghost{color:var(--text);border:1px solid var(--border-strong);background:var(--surface)}.btn--ghost:hover{border-color:var(--accent);background:var(--surface-2)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.2,.6,.2,1),transform .75s cubic-bezier(.2,.6,.2,1);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}pre.code{background:var(--code-bg);color:#dbe2ff;border:1px solid var(--border);border-radius:14px;padding:18px 20px;font-family:ui-monospace,Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:13px;line-height:1.7;overflow-x:auto;white-space:pre}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}