:root{color-scheme:dark;font-family:Roboto,Arial,sans-serif;background:#07111f;color:#edf4ff}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 15% 45%,#0e2e50,transparent 60%),#07111f}.page{width:min(1100px,100%);margin:auto;padding:26px 32px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:30px}.brand{display:block;width:237px;height:65px;overflow:hidden;position:relative}.brand img{position:absolute;width:296%;max-width:none;left:-6.2%;top:-16.13%}.label,.eyebrow{font-size:11px;letter-spacing:1.6px;color:#66d3ff}.label{padding:8px 0}.layout{display:grid;grid-template-columns:1fr 1fr;border:1px solid #2e4c69;border-radius:18px;overflow:hidden;background:#0e1f33;min-height:520px;box-shadow:0 24px 70px #02080f77}.universe{position:relative;padding:42px 36px;overflow:hidden;background:linear-gradient(180deg,#08152665,#08152620),url('/static/space.webp') 26% center/cover;display:flex;flex-direction:column;justify-content:space-between}.universe h2{font-size:37px;line-height:1.17;font-weight:500;letter-spacing:-1px;margin:16px 0}.universe p{font-size:14px;color:#c0d6ee;max-width:280px;line-height:1.7}.robot{position:absolute;width:195px;right:20px;bottom:105px;filter:drop-shadow(0 0 18px #238bff44);animation:float 5s ease-in-out infinite}.secure{font-size:11px;color:#c1ddf6;margin-top:220px}.login-card{padding:45px 40px;display:flex;flex-direction:column;justify-content:center;min-width:0}h1{font-weight:500;font-size:27px;letter-spacing:-.5px;margin:12px 0}p{color:#a9c0d9;font-size:14px;line-height:1.6;margin:0 0 16px}form{display:grid;gap:18px;margin-top:14px}label{display:grid;gap:9px;font-size:13px;color:#d2e2f2}input{width:100%;font:inherit;font-size:16px;padding:13px 14px;border:1px solid #35526f;border-radius:9px;background:#081827;color:#edf4ff;min-width:0}input::placeholder{color:#7f9ab6}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #66d3ff;outline-offset:3px}button{font:inherit;display:flex;justify-content:space-between;align-items:center;gap:12px;color:white;background:linear-gradient(135deg,#1679ef,#0b51af);border:1px solid #419cff;border-radius:9px;padding:13px 16px;cursor:pointer;min-height:46px}button:hover{filter:brightness(1.12)}.secondary{background:linear-gradient(135deg,#12273f,#09182a);border-color:#35526f;justify-content:center}.error{color:#ffb6b0;font-size:13px;margin:0}.error:empty{display:none}.small{font-size:12px;color:#91aac5;margin-top:22px;margin-bottom:0}.ready{display:flex;gap:13px;padding:18px;border:1px solid #295e52;border-radius:10px;background:#102f2b;margin:12px 0 20px}.ready>span{color:#7ce4b5}.ready strong{font-size:14px;font-weight:500;color:#a1efca}.ready p,.next p{font-size:13px;margin:6px 0 0}.next{padding:0 2px 10px}.next strong{font-size:14px;font-weight:500}footer{text-align:center;color:#7f9ab6;font-size:11px;margin-top:24px}@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(1deg)}}@media(max-width:760px){.page{padding:18px}.layout{grid-template-columns:1fr;min-height:0}.universe{min-height:220px;padding:26px}.universe h2{font-size:30px}.universe p{max-width:210px}.robot{width:130px;bottom:32px;right:7px}.secure{margin-top:18px;max-width:180px}.login-card{padding:30px 26px}header{margin-bottom:20px}.label{font-size:10px}.brand{width:205px;height:56px}}@media(prefers-reduced-motion:reduce){.robot{animation:none}}