*{box-sizing:border-box}html{background:#030711;color:#edf4ff;font-family:Inter,Segoe UI,Arial,sans-serif}body{margin:0;min-height:100svh;isolation:isolate}button,input{font:inherit}#cosmos,.nebula{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-2}.nebula{z-index:-1;background:radial-gradient(ellipse at 75% 50%,transparent 10%,#03071144 65%),linear-gradient(0deg,#030711 0%,transparent 25%)}.masthead{display:flex;align-items:center;gap:12px;padding:36px 6vw;font-size:13px;font-weight:700;letter-spacing:2px}.brand-mark{display:grid;place-items:center;width:37px;height:40px;border:1px solid #82b6ff55;border-radius:11px;background:#689bff15;color:#9ac4ff;font-size:23px}.brand-small{display:block;font-size:9px;color:#7e91af;letter-spacing:4px;margin-top:6px}main{max-width:1440px;margin:auto;min-height:calc(100svh - 220px);padding:45px 6vw 90px;display:grid;grid-template-columns:1fr 400px;align-items:center;gap:70px}.intro{align-self:start;padding-top:65px}.eyebrow{font-size:10px;letter-spacing:3px;color:#9cbbdf;display:flex;gap:12px;align-items:center}.eyebrow span{width:5px;height:5px;background:#86c5ff;box-shadow:0 0 12px #86c5ff;border-radius:50%}h1{font-size:clamp(38px,4.7vw,70px);line-height:1.09;letter-spacing:-2px;font-weight:500;margin:28px 0 20px}.intro p{color:#95a7c0;font-size:15px;line-height:1.8}.coordinates{margin-top:45px;font-family:monospace;letter-spacing:2px;font-size:9px;color:#7790ac}.coordinates span{margin-left:24px;color:#425b78}.login-card{padding:38px 34px 28px;border:1px solid #a0c4ff24;border-radius:23px;background:linear-gradient(140deg,#16243cba,#080f1dcc);box-shadow:0 35px 100px #0008,inset 0 1px 0 #ffffff0c;backdrop-filter:blur(24px)}.card-kicker{font-size:9px;letter-spacing:3px;color:#8fa9cc}h2{font-size:27px;font-weight:500;letter-spacing:-.8px;margin:22px 0 0}h2 span{display:block;color:#92baff;font-size:20px;margin-top:6px;letter-spacing:.3px}.subtitle{color:#8a9bb5;font-size:12px;margin:17px 0 30px}.login-field{margin-bottom:20px}.login-field label{display:block;font-size:12px;color:#becbdd;margin-bottom:9px}.login-field input{width:100%;height:49px;background:#050c1a80;border:1px solid #7d9dc529;border-radius:10px;padding:0 14px;color:#fff;outline:none;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-field input::placeholder{color:#586b87}.login-field input:focus{border-color:#83b7ff;box-shadow:0 0 0 3px #83b7ff18}.password-wrap{position:relative}.password-wrap input{padding-right:48px}#password-toggle{position:absolute;right:3px;top:3px;width:43px;height:43px;display:grid;place-items:center;background:none;border:0;color:#8fa6c7;cursor:pointer;border-radius:8px}#password-toggle:hover{color:#fff;background:#ffffff09}#password-toggle svg{width:21px;height:21px}.eye-slash{display:none}#password-toggle[aria-pressed=true] .eye-slash{display:block}button:focus-visible{outline:2px solid #a6ceff;outline-offset:4px}#login-submit{width:100%;height:49px;margin-top:7px;border:1px solid #9ac6ff77;border-radius:10px;background:linear-gradient(110deg,#a6ceff,#6b9eff);color:#0c203e;font-weight:600;cursor:pointer;box-shadow:0 4px 30px #5e9aff20;transition:filter .2s,transform .2s}#login-submit:hover{filter:brightness(1.1);transform:translateY(-1px)}#login-submit:disabled{opacity:.6;cursor:wait;transform:none}.card-footer{text-align:center;border-top:1px solid #88a8d214;margin-top:28px;padding-top:21px;color:#71849f;font-size:10px}.card-footer span{margin-right:7px;color:#9bbce5}.login-error{font-size:12px;line-height:1.5;color:#ffabab;margin:12px 0}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 6vw;color:#50647f;font-size:9px;letter-spacing:1.8px}#motion-toggle{border:0;background:none;color:#8193ae;font-size:10px;cursor:pointer;letter-spacing:0}@media(max-width:850px){main{grid-template-columns:1fr;gap:30px;max-width:510px;padding:0 24px 45px}.intro{padding-top:15px}.intro h1{font-size:40px}.intro p,.coordinates{display:none}.eyebrow{font-size:8px;letter-spacing:2px}.masthead{padding:25px 24px}.login-card{padding:30px 25px}.intro h1{margin:20px 0 0}footer{padding:20px 24px;flex-wrap:wrap;letter-spacing:1px}footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}