:root{color-scheme:dark;--bg:#0c0d11;--panel:#181a21;--line:#34363e;--ink:#f7f6f3;--muted:#a5a8b1;--accent:#ff7847;font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hidden{display:none!important}
.page{min-height:100vh;display:grid;place-items:center;padding:28px;position:relative;isolation:isolate;overflow:hidden}.page:before{content:"";z-index:-1;position:absolute;width:min(900px,100vw);aspect-ratio:1;border:1px solid #ffffff0a;border-radius:50%;box-shadow:0 0 0 100px #ffffff04,0 0 0 200px #ffffff03;top:-60%;left:50%;transform:translateX(-50%)}.page:after{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:30%;background:linear-gradient(transparent,#3219141a)}.login{width:min(435px,100%);opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.ready .login{opacity:1;transform:none}.mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--accent);color:#1d130f;font-size:.9rem;font-weight:900;padding-left:2px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.05em;font-size:1.16rem}.brand b{font-weight:800}.intro{margin:62px 0 34px}.eyebrow{color:var(--accent);letter-spacing:.18em;font-size:.72rem;font-weight:800;margin:0 0 10px}.intro h1{font-size:clamp(2.4rem,7vw,3.5rem);letter-spacing:-.065em;line-height:1.08;margin:0 0 13px}.intro p:last-child{color:var(--muted);margin:0}
.form{display:grid;gap:18px}.field{display:grid;gap:8px}.field label{color:#e2e0e1;font-size:.87rem;font-weight:700}.field input{width:100%;height:51px;border:1px solid var(--line);background:#191b22;border-radius:10px;color:var(--ink);padding:0 15px;outline:0}.field input::placeholder{color:#737782}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff784720}.password-wrap{position:relative}.password-wrap input{padding-right:75px}.reveal{position:absolute;right:10px;top:8px;border:0;background:none;color:#b5b7c0;font-size:.8rem;font-weight:700;height:35px;padding:0 7px}.submit{border:0;background:var(--accent);border-radius:10px;color:#1d130f;height:52px;padding:0 19px;display:flex;justify-content:space-between;align-items:center;font-weight:800;margin-top:7px;transition:background .2s,transform .2s}.submit:hover{background:#ff936b;transform:translateY(-2px)}.feedback{color:#ffaaa0;min-height:23px;font-size:.82rem;margin:0}.preview{border:1px solid #33343a;background:#191b20;border-radius:10px;color:var(--muted);padding:12px 15px;margin-top:15px;font-size:.79rem}.preview strong{color:#e6e2df}.preview button{border:0;background:none;color:#ff9b73;text-decoration:underline;padding:0;font-size:inherit}.footer{position:fixed;bottom:18px;color:#6c7079;font-size:.75rem}
.accounts{width:min(700px,100%);border:1px solid var(--line);background:var(--panel);border-radius:17px;padding:clamp(20px,4vw,34px);box-shadow:0 35px 90px #0007}.account-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.plain{border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);padding:8px 12px}.accounts h1{margin:33px 0 4px;font-size:1.65rem;letter-spacing:-.045em}.accounts p{color:var(--muted);margin:0 0 21px}.user-row{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0}.user-row strong,.user-row small{display:block}.user-row small{color:var(--muted)}.user-row button{border:0;background:none;color:#ff9b73;font-weight:700}.create{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.create h2{font-size:1rem;margin:0 0 13px}.create-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.create-grid input{border:1px solid var(--line);border-radius:8px;background:#111318;color:var(--ink);padding:11px;min-width:0}.create-grid button{grid-column:1/-1;border:0;border-radius:8px;background:var(--accent);padding:11px;font-weight:800}.note{font-size:.78rem;color:#858994;margin:15px 0 0!important}
@media(max-width:600px){.page{align-items:start;padding:29px 24px 66px}.page:before{top:-22%;width:110vw}.intro{margin-top:75px}.footer{position:absolute}.create-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.splash{display:none}.login{opacity:1;transform:none}}

.splash{position:fixed;inset:0;z-index:10;background:#040713;overflow:hidden;isolation:isolate;transition:opacity .85s ease,visibility .85s}
.splash.leaving{opacity:0;visibility:hidden;pointer-events:none}
.space-atmosphere{position:absolute;inset:-20%;z-index:-1;background:radial-gradient(ellipse at 22% 54%,#253b773e,transparent 43%),radial-gradient(ellipse at 74% 42%,#5441744a,transparent 43%),radial-gradient(ellipse at 49% 110%,#26234c7a,transparent 60%);transform:scale(1.03)}
#flightField{position:absolute;inset:0;width:100%;height:100%}
.space-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 24%,#02040a9c 100%);pointer-events:none;z-index:3}
.ship-flight{position:absolute;left:50%;top:50%;width:min(1180px,96vw);aspect-ratio:1900/635;transform:translate(-160vw,-50%) scale(.2);opacity:0;will-change:transform,opacity;z-index:2}
.ship-flight .craft{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 20px #02030dcc)}
.engine-bloom{position:absolute;left:10%;top:26%;width:17%;height:45%;border-radius:50%;background:radial-gradient(ellipse,#c6dfff66,#7259ec40 35%,transparent 72%);filter:blur(15px);mix-blend-mode:screen;pointer-events:none;opacity:.5}
.departure-light{position:absolute;left:50%;top:47%;width:150%;height:1px;transform:translate(-50%,-50%) scaleX(.1);background:linear-gradient(90deg,transparent,#756cff,#e0e5ff,#75a2ff,transparent);box-shadow:0 0 16px 3px #7191ff6b,0 0 90px 20px #584ecc30;opacity:0;pointer-events:none;z-index:3}
.splash-inner{position:absolute;left:50%;top:50%;width:100%;padding:24px;text-align:center;transform:translate(-50%,-50%);opacity:0;filter:blur(12px);z-index:4;will-change:opacity,filter,transform}
.splash-kicker{font-size:.76rem;font-weight:750;letter-spacing:.35em;text-transform:uppercase;color:#c4cbe1;margin-bottom:18px}
.splash-brand{display:flex;justify-content:center;align-items:center;gap:17px}.splash-brand .mark{width:51px;height:51px;border-radius:13px;background:linear-gradient(145deg,#ffbc87,#ff7847);font-size:1.3rem;box-shadow:0 0 38px #ff78472b}
.splash-brand strong{font-size:clamp(2.7rem,8.4vw,6.9rem);line-height:1.04;letter-spacing:-.075em;font-weight:800;color:#f8faff;text-shadow:0 0 50px #b8c6ff35}.splash-brand strong span{color:#ff976f}
.brand-horizon{height:1px;width:min(470px,67vw);background:linear-gradient(90deg,transparent,#aabcf64d,transparent);margin:27px auto 0}
.skip{position:absolute;z-index:6;right:clamp(20px,4vw,55px);top:clamp(20px,4vw,40px);border:1px solid #ffffff25;border-radius:999px;background:#10152880;color:#ccd1e3;padding:8px 14px;font-size:.78rem;font-weight:650;backdrop-filter:blur(8px)}.skip:hover{background:#252c41;border-color:#abb5d9}
.page{background:radial-gradient(ellipse at 5% 0%,#26396637,transparent 44%),radial-gradient(ellipse at 95% 88%,#533b682e,transparent 45%),#0c0e17}.page:before{border-color:#9386ff14;box-shadow:0 0 0 90px #9a84ff06,0 0 0 190px #9a84ff03}.page:after{background:linear-gradient(transparent,#20284220)}
.login{transition:opacity .85s ease .1s,transform .85s ease .1s}.brand .mark{box-shadow:0 0 22px #ff78472b}.field input{background:#171b25d9;border-color:#504e685e}.field input:focus{border-color:#a49cff;box-shadow:0 0 0 3px #8179ff31}.submit{box-shadow:0 12px 32px #ff784720}.preview{background:#191b29c9;border-color:#5750725b}.accounts{background:#171925ed;border-color:#69618358}
@media(max-width:600px){.ship-flight{width:110vw}.splash-brand{gap:10px}.splash-brand .mark{width:35px;height:35px;border-radius:9px;font-size:.9rem}.splash-kicker{font-size:.7rem;letter-spacing:.27em}.skip{top:18px;right:18px}}
@media(prefers-reduced-motion:reduce){.splash{display:none}.login{opacity:1;transform:none;transition:none}}
.ship-flight .gesture-frame{position:absolute;inset:0;opacity:0}.ship-flight .craft{position:relative;z-index:1}.ship-flight .gesture-frame{position:absolute}.exhaust{position:absolute;left:-65%;top:-20%;width:165%;height:140%;z-index:0;pointer-events:none}.engine-bloom{left:2%;top:29%;width:17%;height:43%;z-index:2}