:root{color-scheme:dark;--text:#f2f4ff;--muted:#a4aec0;--edge:rgba(200,215,255,.15)}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:#0a101b;overflow-x:hidden}
body:before{content:"";position:fixed;inset:-30%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 24% 24% at 52% 37%,rgba(83,79,164,.38),transparent 99%),radial-gradient(ellipse 32% 36% at 87% 84%,rgba(27,90,126,.22),transparent 99%),radial-gradient(ellipse 26% 40% at 12% 18%,rgba(51,58,123,.25),transparent 99%)}
body:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.55;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 42%,#000,transparent 72%)}
.shell{min-height:100svh;display:flex;flex-direction:column;width:min(1200px,calc(100% - 64px));margin:0 auto}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:32px 0 0}
.brand{display:inline-flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-weight:720;letter-spacing:-.02em}
.brandmark{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.21);border-radius:11px;font-size:13px;background:linear-gradient(130deg,rgba(175,183,251,.27),rgba(64,88,157,.10));box-shadow:inset 0 1px rgba(255,255,255,.12)}
.topnote{color:#9aa6ba;font-size:11px;letter-spacing:.11em;text-transform:uppercase;display:inline-flex;align-items:center;gap:9px}
.topnote i{background:#a0adff;box-shadow:0 0 16px rgba(164,173,255,.8);width:6px;height:6px;border-radius:50%}
main{flex:1;display:grid;place-items:center;padding:40px 0 56px}
.hero{max-width:760px;width:100%;display:flex;align-items:center;flex-direction:column;text-align:center}
.art{position:relative;width:180px;height:170px;display:grid;place-items:center;margin:0 0 20px;isolation:isolate}
.orbit{position:absolute;inset:8px;border:1px solid rgba(174,186,255,.24);border-radius:50%;transform:rotate(-33deg) scaleX(.74)}
.orbit:before,.orbit:after{content:"";position:absolute;border-radius:50%;background:#99aaff;box-shadow:0 0 19px rgba(143,169,255,.9)}
.orbit:before{top:4%;left:27%;height:6px;width:6px}
.orbit:after{bottom:11%;right:11%;height:4px;width:4px}
.orbit.b{transform:rotate(66deg) scaleX(.74);inset:3px;opacity:.55}
.symbol{display:grid;place-items:center;width:96px;height:96px;border-radius:31px;transform:rotate(-8deg);background:linear-gradient(140deg,#b3b0ff,#6980d4 55%,#364781);color:#fff;font-size:54px;font-weight:800;box-shadow:0 26px 75px rgba(66,65,158,.43),inset 0 2px 1px rgba(255,255,255,.39)}
.eyebrow{margin:0 0 17px;color:#bac0d8;text-transform:uppercase;letter-spacing:.26em;font-size:12px;font-weight:700}
h1{font-size:clamp(58px,10vw,116px);line-height:.95;font-weight:790;letter-spacing:-.09em;margin:0;color:#fff}
h1 span{background:linear-gradient(115deg,#c6c6ff,#90a6ff 68%,#acdae8);color:transparent;background-clip:text}
.subtitle{font-size:clamp(17px,2.2vw,20px);color:var(--muted);line-height:1.65;max-width:495px;margin:26px 0 36px}
.enter{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-width:210px;padding:16px 22px;border-radius:15px;background:linear-gradient(135deg,#f3f3ff,#c1caff);box-shadow:0 11px 32px rgba(76,97,180,.28),inset 0 1px rgba(255,255,255,.65);color:#1b2443;text-decoration:none;font-size:15px;font-weight:780;transition:transform .2s,box-shadow .2s}
.enter:hover{transform:translateY(-3px);box-shadow:0 17px 40px rgba(76,97,180,.42)}
.enter svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.enter .arrow{margin-left:6px}
.enter:focus-visible,.brand:focus-visible{outline:3px solid #b8c7ff;outline-offset:5px}
.privacy{margin:21px 0 0;color:#919caf;font-size:12px}
footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.085);padding:22px 0 28px;color:#778296;font-size:12px}
@media(max-width:600px){.shell{width:min(100% - 36px,520px)}.topbar{padding-top:22px}.topnote{font-size:9px;letter-spacing:.04em}.art{width:145px;height:145px;margin-bottom:17px}.symbol{width:78px;height:78px;border-radius:26px;font-size:45px}.subtitle{margin:23px 0 30px}.enter{width:100%;max-width:280px}footer span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}