.top-nav{display:flex;justify-content:space-between;align-items:center;margin:-10px 0 26px;padding-bottom:12px;border-bottom:1px solid #20304766}.top-nav>span{font-size:11px;letter-spacing:.15em;color:var(--muted);font-weight:800}.top-nav button{padding:7px 12px;font-size:12px}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 0,#153a5c 0,transparent 45%),#06101d}.login-card{width:min(420px,100%);background:linear-gradient(145deg,#12243a,#0a1728);border:1px solid #29415e;border-radius:24px;padding:36px;box-shadow:0 30px 80px #0008;text-align:center}.login-mark{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 22px;background:linear-gradient(145deg,#0ea5e9,#2563eb);border-radius:17px;font-size:19px;font-weight:900}.login-card h1{font-size:28px;margin:7px 0}.login-copy{color:var(--muted);margin:0 0 25px}.login-form{text-align:left;display:grid;gap:17px}.login-form>label:not(.remember){display:grid;gap:8px;color:#b8c7d9;font-size:12px;font-weight:700}.login-form input{width:100%;padding:13px}.password-field{position:relative}.password-field input{padding-right:48px}.password-field button{position:absolute;right:4px;top:4px;border:0;background:transparent;color:var(--muted);font-size:16px}.remember{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.remember input{width:auto;accent-color:#0ea5e9}.login-button{background:linear-gradient(90deg,#0284c7,#2563eb);border:0;padding:14px 16px;font-weight:800;display:flex;justify-content:space-between}.login-error{background:#481726;border:1px solid #8c2946;color:#fda4af;padding:11px;border-radius:10px;margin-bottom:18px;font-size:13px}.login-card>small{display:block;margin-top:24px}@media(max-width:480px){.login-card{padding:28px 22px}}