:root{--bg:#080d14;--surface:#0d1420;--elevated:#111c2e;--brand:#b8d8f0;--accent:#7eedff;--accent-dim:#7eedff26;--accent-glow:#7eedff66;--text:#e8f4ff;--text-2:#b8d8f0b3;--text-3:#b8d8f061;--border:#8cc8ff1a;--border-2:#8cc8ff38;--pill-bg:#0a285059;--pill-border:#8cc8ff33;--nav-bg:#080d14d9;--nav-mobile-bg:#080d14f7;--nav-link-hover:#8cc8ff0f;--hero-overlay-bottom:#040810d9;--hero-overlay-mid:#04081033;--radius:12px;--radius-lg:18px;--radius-pill:100px;--font-display:"Syne", sans-serif;--font-body:"Nova Square", sans-serif;--font-mono:"Syne Mono", monospace}[data-theme=light]{--bg:#eaf2fb;--surface:#f4f8ff;--elevated:#fff;--brand:#234a75;--accent:#1d96ad;--accent-dim:#1d96ad29;--accent-glow:#1d96ad47;--text:#0e2742;--text-2:#234a75c7;--text-3:#234a7580;--border:#21548429;--border-2:#21548447;--pill-bg:#dcecfccc;--pill-border:#21548433;--nav-bg:#eaf2fbe6;--nav-mobile-bg:#eaf2fbf5;--nav-link-hover:#21548417;--hero-overlay-bottom:#dae8f7c7;--hero-overlay-mid:#dae8f740}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body,#root{background:var(--bg);width:100%;min-height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button,select,input,textarea{font-family:inherit}img{max-width:100%;display:block}.page-transition{animation:.4s cubic-bezier(.16,1,.3,1) both pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-bg{background:radial-gradient(at 72% 18%,#b4d2ff21 0%,#0000 38%),radial-gradient(at 20% 80%,#1e50a038 0%,#0000 50%),radial-gradient(#050c1a 0%,#07142b 55%,#0a1e3d 100%);animation:24s ease-in-out infinite alternate bgDrift;position:absolute;inset:-5%;overflow:hidden}[data-theme=light] .hero-bg{background:radial-gradient(at 78% 16%,#ffe09873 0%,#0000 30%),radial-gradient(at 20% 84%,#5ea2e433 0%,#0000 48%),radial-gradient(#dbe9f8 0%,#d3e5f8 56%,#c6dbef 100%)}.hero-bg:before{content:"";background-image:radial-gradient(1px 1px at 12% 8%,#ffffffe6 0%,#0000 100%),radial-gradient(1px 1px at 28% 3%,#ffffffb3 0%,#0000 100%),radial-gradient(1.5px 1.5px at 42% 14%,#ffffffd9 0%,#0000 100%),radial-gradient(1px 1px at 58% 6%,#fff9 0%,#0000 100%),radial-gradient(2px 2px at 71% 11%,#c8e6fff2 0%,#0000 100%),radial-gradient(1px 1px at 85% 4%,#ffffffbf 0%,#0000 100%),radial-gradient(1px 1px at 93% 19%,#fff9 0%,#0000 100%),radial-gradient(1.5px 1.5px at 7% 26%,#fffc 0%,#0000 100%),radial-gradient(1px 1px at 19% 33%,#ffffff8c 0%,#0000 100%),radial-gradient(1px 1px at 34% 22%,#c8dcffb3 0%,#0000 100%),radial-gradient(2px 2px at 48% 30%,#ffffffe6 0%,#0000 100%),radial-gradient(1px 1px at 63% 25%,#fff9 0%,#0000 100%),radial-gradient(1.5px 1.5px at 77% 35%,#ffffffbf 0%,#0000 100%),radial-gradient(1px 1px at 89% 28%,#c8e6ffa6 0%,#0000 100%),radial-gradient(1px 1px at 4% 42%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 23% 47%,#ffffffb3 0%,#0000 100%),radial-gradient(2px 2px at 37% 39%,#ffffffd9 0%,#0000 100%),radial-gradient(1px 1px at 54% 44%,#c8dcff99 0%,#0000 100%),radial-gradient(1.5px 1.5px at 68% 41%,#fffc 0%,#0000 100%),radial-gradient(1px 1px at 81% 48%,#ffffff8c 0%,#0000 100%),radial-gradient(1px 1px at 96% 38%,#ffffffa6 0%,#0000 100%),radial-gradient(1px 1px at 15% 57%,#ffffff80 0%,#0000 100%),radial-gradient(2px 2px at 29% 62%,#c8e6ffe6 0%,#0000 100%),radial-gradient(1px 1px at 44% 55%,#ffffffa6 0%,#0000 100%),radial-gradient(1px 1px at 73% 60%,#ffffff8c 0%,#0000 100%),radial-gradient(1.5px 1.5px at 87% 53%,#ffffffbf 0%,#0000 100%);animation:6s ease-in-out infinite alternate starsTwinkle;position:absolute;inset:0}[data-theme=light] .hero-bg:before{opacity:.3}.moon-toggle{cursor:pointer;z-index:8;background:radial-gradient(circle at 38% 36%,#e8f4ff 0%,#c8e0f8 40%,#a0c8f0 100%);border:none;border-radius:50%;width:56px;height:56px;transition:transform .2s,box-shadow .2s,border-color .2s;animation:8s ease-in-out infinite alternate moonGlow;position:absolute;top:9%;right:13%;box-shadow:0 0 28px 10px #a0d2ff38,0 0 60px 20px #64aaf01a,inset -8px -4px #78b4e62e}.moon-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.moon-toggle:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 0 40px 16px #a0d2ff59,0 0 90px 30px #64aaf02e,inset -8px -4px #78b4e62e}.moon-toggle-tooltip{border-radius:var(--radius-pill);border:1px solid var(--border-2);background:var(--pill-bg);color:var(--text);font-family:var(--font-body);white-space:nowrap;pointer-events:none;opacity:0;padding:6px 10px;font-size:.72rem;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(-4px)}.moon-toggle:hover .moon-toggle-tooltip,.moon-toggle:focus-visible .moon-toggle-tooltip{opacity:1;transform:translate(-50%)translateY(0)}[data-theme=light] .moon-toggle{background:radial-gradient(circle at 38% 36%,#e8f4ff 0%,#c8e0f8 40%,#a0c8f0 100%);box-shadow:0 0 28px 10px #a0d2ff38,0 0 60px 20px #64aaf01a,inset -8px -4px #78b4e62e}@keyframes starsTwinkle{0%{opacity:.75}50%{opacity:1}to{opacity:.85}}@keyframes moonGlow{0%{box-shadow:0 0 28px 10px #a0d2ff38,0 0 60px 20px #64aaf01a,inset -8px -4px #78b4e62e}to{box-shadow:0 0 40px 16px #a0d2ff59,0 0 90px 30px #64aaf02e,inset -8px -4px #78b4e62e}}@keyframes bgDrift{0%{transform:scale(1.06)translate(0)}to{transform:scale(1.1)translate(-1.5%,1.5%)}}.hero-overlay{background:linear-gradient(to top, var(--hero-overlay-bottom) 0%, var(--hero-overlay-mid) 40%, transparent 65%);pointer-events:none;position:absolute;inset:0}.hero-grain{opacity:.04;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='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-particles{pointer-events:none;position:absolute;inset:0}.hp{filter:blur(.4px);background:#8ce2ffa6;border-radius:999px;animation-name:hpFloat;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-8%}@keyframes hpFloat{0%{opacity:0;transform:translateY(0)translate(0)}12%{opacity:1}88%{opacity:.7}to{opacity:0;transform:translateY(-112vh)translate(12px)}}.section-dark{background:var(--bg);position:relative}.section-surface{background:var(--surface);position:relative}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section-padding{padding:100px 0}.heading-xl{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1.08}.heading-lg{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;line-height:1.15}.heading-md{font-family:var(--font-display);color:var(--text);font-size:1.25rem;font-weight:700;line-height:1.3}.text-body{font-family:var(--font-body);color:var(--text-2);font-size:1rem;line-height:1.65}.text-sm{font-family:var(--font-body);color:var(--text-3);font-size:.875rem;line-height:1.5}.text-mono{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.75rem}.accent-text{color:var(--accent)}.btn-primary{border-radius:var(--radius-pill);background:var(--accent-dim);color:var(--accent);font-family:var(--font-body);cursor:pointer;border:1px solid #7eedff4d;align-items:center;gap:8px;padding:12px 28px;font-size:.9375rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary:hover{background:#7eedff38;border-color:#7eedff80;transform:translateY(-1px);box-shadow:0 0 24px #7eedff26}.btn-ghost{border-radius:var(--radius-pill);border:1px solid var(--border-2);color:var(--text-2);font-family:var(--font-body);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:12px 28px;font-size:.9375rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-ghost:hover{color:var(--text);background:#14418226;border-color:#8cc8ff61}.btn-solid{border-radius:var(--radius-pill);background:var(--accent);color:#080d14;font-family:var(--font-display);cursor:pointer;border:none;align-items:center;gap:8px;padding:14px 32px;font-size:.9375rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-solid:hover{background:#9ae8ff;transform:translateY(-1px);box-shadow:0 0 32px #7eedff4d}.pill{border-radius:var(--radius-pill);border:1px solid var(--pill-border);background:var(--pill-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#c8e6ffd9;cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.pill:hover{color:#fff;background:#14418275;border-color:#8cd2ff61}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:all .22s;position:relative;overflow:hidden}.card:hover{border-color:var(--border-2);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.card:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 40%,#8cc8ff0a 50%,#0000 60%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.card:hover:after{transform:translate(100%)}.glass-card{background:var(--pill-bg);-webkit-backdrop-filter:blur(16px)saturate(1.6);backdrop-filter:blur(16px)saturate(1.6);border:1px solid var(--pill-border);border-radius:var(--radius-lg);padding:32px}.form-input{border-radius:var(--radius);border:1px solid var(--border);background:var(--elevated);width:100%;color:var(--text);font-family:var(--font-body);padding:12px 16px;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #7eedff14}.form-input::placeholder{color:var(--text-3)}.form-textarea{border-radius:var(--radius);border:1px solid var(--border);background:var(--elevated);width:100%;color:var(--text);font-family:var(--font-body);resize:vertical;min-height:120px;padding:12px 16px;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.form-textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #7eedff14}.form-textarea::placeholder{color:var(--text-3)}.form-label{font-family:var(--font-body);color:var(--text-2);margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.section-header{text-align:center;margin-bottom:64px}.section-header .text-mono,.section-header .heading-lg{margin-bottom:16px}.section-header .text-body{max-width:560px;margin:0 auto}.section-divider{background:linear-gradient(to right, transparent, var(--border-2), transparent);height:1px}@media (width<=768px){.container{padding:0 16px}.section-padding{padding:64px 0}}