:root { color-scheme:light; }
* { box-sizing:border-box; }
body.nityx-gateway { --gateway-ink:#3e3332; --gateway-muted:#806154; --gateway-accent:#cd7460; --gateway-button:#f5d7c4; --gateway-line:#d6a98e; margin:0; min-height:100vh; min-height:100dvh; display:grid; place-items:center; color:var(--gateway-ink); background:radial-gradient(ellipse at 50% 43%,#fffbf3 0%,#fbf1e8 50%,#f3d6c7 100%); font:15px/1.5 Inter,'Segoe UI',system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
.nityx-gateway main { text-align:center; padding:48px 24px 68px; }
.nityx-gateway .gateway-symbol { width:108px; height:108px; margin:0 auto 27px; background:linear-gradient(145deg,#fff9eda0,#efc9b688); }
.nityx-gateway .gateway-symbol::before { inset:-7px; border-color:#e5b49b55; }
.nityx-gateway .gateway-symbol::after { inset:-15px; border-color:#e4b89f25; }
.nityx-gateway .gateway-symbol img { width:90%; height:90%; }
.nityx-gateway h1 { margin:0; font-size:45px; line-height:1.2; font-weight:380; letter-spacing:-1.9px; }
.nityx-gateway h1 span { color:var(--gateway-accent); }
.nityx-gateway main>p { margin:13px 0 32px; color:var(--gateway-muted); font-size:14px; font-weight:400; letter-spacing:.2px; }
.nityx-gateway .gateway-enter { display:inline-flex; align-items:center; justify-content:center; gap:28px; min-width:130px; min-height:44px; padding:10px 20px; border:1px solid var(--gateway-line); border-radius:24px; color:var(--gateway-ink); background:var(--gateway-button); font-size:13px; text-decoration:none; transition:transform .16s ease,opacity .16s ease; }
.nityx-gateway .gateway-enter:hover { transform:translateY(-1px); opacity:.9; }
.nityx-gateway .gateway-enter:active { transform:scale(.97); }
.nityx-gateway .gateway-enter:focus-visible { outline:2px solid var(--gateway-accent); outline-offset:5px; }
.nityx-gateway footer { position:fixed; bottom:max(23px,env(safe-area-inset-bottom)); left:0; right:0; display:flex; justify-content:center; gap:18px; color:var(--gateway-muted); font-size:9px; letter-spacing:1.5px; }
body.nityx-gateway[data-theme="classic"] { color-scheme:dark; --gateway-ink:#f4eafc; --gateway-muted:#c1afcd; --gateway-accent:#d6a7ee; --gateway-button:#48305f; --gateway-line:#80648f; background:radial-gradient(ellipse at 50% 43%,#352246,#241934 70%); }
body.nityx-gateway[data-theme="aero"] { --gateway-ink:#294350; --gateway-muted:#557380; --gateway-accent:#5287a0; --gateway-button:#e1f1f8; --gateway-line:#a3c7d7; background:radial-gradient(ellipse at 50% 43%,#f9fdff,#e8f5fb 70%,#cde4f0); }
body.nityx-gateway[data-theme="copilot"] { --gateway-ink:#373a3c; --gateway-muted:#62666a; --gateway-accent:#67799a; --gateway-button:#e9eaf0; --gateway-line:#c4c7d0; background:radial-gradient(ellipse at 50% 43%,#fff,#f3f3f1 70%,#e4e4e3); }
@view-transition { navigation:auto; }
::view-transition-old(root) { animation:gateway-out .16s ease both; }
::view-transition-new(root) { animation:gateway-in .18s ease both; }
@keyframes gateway-out { to { opacity:0; } }
@keyframes gateway-in { from { opacity:0; } to { opacity:1; } }
@media (max-width:640px) { .nityx-gateway .gateway-symbol { width:94px; height:94px; }.nityx-gateway h1 { font-size:40px; }.nityx-gateway main>p { font-size:13px; } }
@media (prefers-reduced-motion:reduce) { .nityx-gateway .gateway-enter { transition:none; }::view-transition-old(root),::view-transition-new(root) { animation:none!important; } }
