body{min-height:100svh;background:#06121f;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,#02091228 0%,#03101d0d 42%,#02091235 100%),url("auth-city.png") center center/cover no-repeat;pointer-events:none}
body::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#0209127d 0%,#02091220 50%,#02091245 100%),radial-gradient(ellipse at 50% 25%,transparent 20%,#02081255 100%);pointer-events:none}
header{border-bottom-color:#82c5ed2b;background:linear-gradient(90deg,#04101d70,transparent);text-shadow:0 2px 10px #000}
.wordmark{display:flex;align-items:center;line-height:0}
.wordmark img{width:146px;height:auto;display:block;mix-blend-mode:screen;filter:drop-shadow(0 0 12px #66bdf022)}
.test-label{background:#0614219c;border-color:#6995b14d;color:#bbd5e9}
.hero{background:transparent;border:0;border-radius:0;margin-top:6px;overflow:hidden}
.hero-scene{mask-image:linear-gradient(180deg,transparent 0%,#000 9%,#000 66%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 9%,#000 66%,transparent 100%)}
.entry-layout{gap:70px;padding-bottom:55px}
.intro{padding-top:24px;text-shadow:0 2px 14px #000,0 1px 3px #000}
.intro-copy{color:#c2d5e5}
.feature-list b{color:#d3e4f2}.test-note{color:#aac1d5}
.access-panel{margin-top:-35px;background:linear-gradient(145deg,#0b1e30e8,#06111de8);border-color:#69a8cd66;backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);box-shadow:0 22px 70px #0009,0 0 50px #2e8dbb0c,inset 0 1px #c4eaff0d}
input,select{background:#03101bc9;border-color:#49728b8a}
#signup-panel,#forgot-panel{border-color:#6594b338}
footer{border-color:#85bee52b;color:#bbd1e0;text-shadow:0 1px 5px #000}
.hero-motion-toggle{background:#03101bc9;border-color:#89bbd944}
/* A single city scene spans the page. Character and brand are foreground layers. */
header{background:none;border-bottom:0;box-shadow:none}
.wordmark{font-size:22px;letter-spacing:4px;line-height:1;color:#c8eaff}
.hero,.hero-scene{background:none;border:0;box-shadow:none;mask-image:none;-webkit-mask-image:none}
.hero .hero-agent{clip-path:none;mask-image:linear-gradient(180deg,#000 0%,#000 69%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 69%,transparent 100%)}
.hero-logo{position:absolute;z-index:2;left:1%;top:22%;width:48%;aspect-ratio:3;mix-blend-mode:normal}
.hero .hero-logo img{display:block;width:100%;height:auto;max-width:100%;transform:none;filter:drop-shadow(0 0 16px #4ba8ed20)}
.hero-haze{background:radial-gradient(ellipse at 69% 14%,#8bd4ff0d,transparent 55%)}
.hero-motion-toggle{border-color:#89bbd92b;background:#03101b80}
.access-panel{background:linear-gradient(145deg,#081a29d6,#06111dd9);border-color:#69a8cd33;box-shadow:0 22px 65px #0006,inset 0 1px #c4eaff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
@media(max-width:1000px){.entry-layout{gap:28px}}
@media(max-width:740px){.wordmark{font-size:20px}.hero{margin-top:3px}.hero-scene{mask-image:none;-webkit-mask-image:none}.entry-layout{gap:15px;padding-bottom:30px}.intro{padding-top:8px}.access-panel{margin-top:0;background:linear-gradient(145deg,#0b1e30e8,#06111de8)}body::before{background-position:61% center}.hero-motion-toggle{bottom:10px}.hero-logo{top:16%;width:50%}}