
:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#050814;color:#f4f7ff}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;line-height:1.7;background:radial-gradient(ellipse at 50% 5%,#182a55 0%,#090d1b 48%,#060910 100%)}
body.home-page{background:
linear-gradient(180deg,rgba(3,6,18,.72),rgba(3,6,18,.82)),
url('wormhole-bg.png') center center/cover no-repeat fixed;
}
a{color:#9ccfff;text-underline-offset:4px}
a:hover{color:#fff}
.wrap{width:min(920px,calc(100% - 40px));margin:0 auto}
header{padding:24px 0;border-bottom:1px solid #ffffff19;background:rgba(4,8,20,.34);backdrop-filter:blur(6px)}
header .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.brand{font-size:1.14rem;letter-spacing:.18em;font-weight:900;color:white;text-decoration:none}
.nav{font-size:.9rem;color:#d2e3fb;text-decoration:none}
.hero{padding:86px 0 82px;text-align:center;min-height:calc(100vh - 168px);display:flex;flex-direction:column;justify-content:center}
.eyebrow{letter-spacing:.22em;color:#b7d9ff;text-transform:uppercase;font-size:.77rem;font-weight:700;text-shadow:0 2px 18px rgba(27,89,190,.35)}
.hero h1{font-size:clamp(3rem,10vw,6.4rem);letter-spacing:.11em;line-height:1.1;margin:18px 0 20px;text-shadow:0 6px 32px rgba(0,0,0,.45)}
.lead{max-width:700px;margin:0 auto;color:#edf3ff;font-size:1.15rem;text-shadow:0 4px 24px rgba(0,0,0,.6)}
.linkpill{display:inline-block;margin-top:34px;border:1px solid rgba(175,214,255,.45);background:linear-gradient(180deg,rgba(35,73,128,.55),rgba(23,42,77,.72));padding:11px 22px;border-radius:10px;text-decoration:none;font-weight:650;box-shadow:0 8px 26px rgba(0,0,0,.26)}
.linkpill:hover{background:linear-gradient(180deg,rgba(57,104,176,.7),rgba(35,64,112,.84))}
.panel{margin:52px auto 70px;padding:36px;border:1px solid #ffffff1f;border-radius:18px;background:#0b1324e8;box-shadow:0 15px 42px #0005}
.panel h1{font-size:2.2rem;line-height:1.2;margin:0 0 8px}
.panel h2{font-size:1.2rem;color:#c8e4ff;margin:36px 0 10px}
.panel p{color:#d2daea;margin:0 0 16px}.updated{color:#aabbd3!important;font-size:.9rem;margin-bottom:30px!important}
footer{border-top:1px solid #ffffff19;padding:24px 0 38px;color:#c5d4ec;font-size:.9rem;background:rgba(4,8,20,.34);backdrop-filter:blur(6px)}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.hero-logo{display:block;width:clamp(112px,24vw,160px);height:auto;aspect-ratio:1;margin:0 auto 30px;object-fit:contain;filter:drop-shadow(0 10px 28px rgba(73,136,242,.38))}
@media(max-width:600px){.hero{padding:68px 0;min-height:auto}.panel{padding:23px}.hero-logo{margin-bottom:24px}body.home-page{background:linear-gradient(180deg,rgba(3,6,18,.68),rgba(3,6,18,.84)),url('wormhole-bg.png') 60% center/cover no-repeat fixed;}}

/* Compact, single-screen homepage; privacy page remains unchanged. */
body.home-page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;position:relative;isolation:isolate;background:#040817;overflow-x:hidden}
body.home-page::before{content:"";position:fixed;inset:-3%;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(3,6,18,.67),rgba(3,6,18,.77)),url('wormhole-bg.png') 55% 48%/cover no-repeat;animation:wormhole-drift 24s ease-in-out infinite alternate;transform-origin:65% 50%}
body.home-page header{flex:none;padding:12px 0}
body.home-page main.wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}
body.home-page .hero{min-height:0;width:100%;padding:16px 0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}
body.home-page .hero-logo{width:clamp(76px,12vh,120px);margin:0 auto 9px;filter:drop-shadow(0 0 15px rgba(62,177,255,.55));animation:logo-glow 4s ease-in-out infinite alternate}
body.home-page .eyebrow{font-size:.7rem;letter-spacing:.18em}
body.home-page .hero h1{font-size:clamp(2.4rem,min(7.4vw,9vh),5.4rem);margin:8px 0 8px;line-height:1.08;letter-spacing:.09em}
body.home-page .lead{font-size:clamp(.84rem,1.9vh,1.05rem);line-height:1.5;max-width:650px}
body.home-page .linkpill{display:inline-flex;width:auto;align-self:center;align-items:center;justify-content:center;max-width:100%;margin-top:17px;padding:9px 20px;line-height:1.5;white-space:normal;box-shadow:0 0 17px rgba(24,131,255,.18);transition:box-shadow .25s ease,transform .25s ease}
body.home-page .linkpill:hover{transform:translateY(-2px);box-shadow:0 0 24px rgba(64,169,255,.42)}
body.home-page footer{flex:none;padding:10px 0 12px;font-size:.78rem}
@keyframes wormhole-drift{from{transform:scale(1.02) translate3d(-.5%,0,0)}to{transform:scale(1.085) translate3d(.5%,-.5%,0)}}
@keyframes logo-glow{from{filter:drop-shadow(0 0 8px rgba(62,177,255,.36))}to{filter:drop-shadow(0 0 22px rgba(62,177,255,.7))}}
@media(max-width:600px){body.home-page header{padding:10px 0}body.home-page .hero{padding:14px 0}body.home-page .hero h1{font-size:clamp(2rem,11vw,4rem);letter-spacing:.035em}body.home-page .hero-logo{width:clamp(70px,12vh,104px)}body.home-page .lead{font-size:.88rem}body.home-page footer{padding:8px 0 10px}}
@media(max-height:540px){body.home-page .hero-logo{width:58px;margin-bottom:4px}body.home-page .hero{padding:5px 0}body.home-page .hero h1{font-size:clamp(1.8rem,7vh,2.7rem);margin:3px 0}body.home-page .lead{font-size:.8rem;line-height:1.35}body.home-page .linkpill{margin-top:8px;padding:5px 14px}body.home-page header{padding:6px 0}body.home-page footer{padding:5px 0}}
@media(prefers-reduced-motion:reduce){body.home-page::before,body.home-page .hero-logo{animation:none}body.home-page .linkpill{transition:none}}
