.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 0,#1a2d47 0,transparent 48%),var(--bg)}
.auth-card{width:min(100%,430px);padding:34px;border:1px solid var(--line);border-radius:14px;background:var(--side);box-shadow:0 24px 80px #0005}
.auth-brand{display:flex;align-items:center;gap:12px;width:max-content;margin-bottom:34px}
.auth-brand .brand-mark{width:42px;height:42px;font-size:23px}
.auth-brand .brand-copy strong{font-size:17px}
.auth-heading{margin-bottom:23px}
.auth-heading .eyebrow{margin:0 0 9px;color:#82adf3}
.auth-heading h1{margin:0 0 7px;font:700 26px var(--head);letter-spacing:-.7px}
.auth-heading>p:last-child{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.auth-form{display:grid;gap:9px}
.auth-form>label:not(.remember-row){margin-top:8px;color:#bdc8d5;font-size:11px;font-weight:600}
.auth-form input:not([type=checkbox]){width:100%;height:42px;padding:0 12px;border:1px solid #344253;border-radius:6px;outline:none;background:#0f1721;color:var(--text);font:13px var(--font)}
.auth-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #5794ff24}
.auth-form input::placeholder{color:#6f7d8d}
.remember-row{display:flex;align-items:center;gap:9px;margin:7px 0 9px;color:#9caaba;font-size:11px;cursor:pointer}
.remember-row input{accent-color:var(--blue)}
.auth-submit{width:100%;height:42px;margin-top:4px;font-size:12px}
.field-error{margin:0;color:#ff969a;font-size:11px;line-height:1.45}
.field-hint{margin:-2px 0 1px;color:#7f8ea0;font-size:10px;line-height:1.45}
.auth-switch{margin:19px 0 0;text-align:center;color:#8f9eaf;font-size:11px}
.auth-switch a{color:#83afff;font-weight:600}
.auth-switch a:hover{text-decoration:underline}
.auth-note{margin:17px 0 0;padding:10px 12px;border:1px solid #344253;border-radius:6px;background:#141e2a;color:#8f9eaf;font-size:10px;line-height:1.5;text-align:center}
.auth-disclaimer{margin:21px 0 0;color:#687789;font-size:9px;text-align:center}
.top-user-name{max-width:170px;overflow:hidden;color:#b8c4d2;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.logout-form{margin:0}
.logout-button{height:30px;padding:0 10px;border:1px solid #344253;border-radius:6px;background:#172230;color:#b9c6d5;font-size:10px;cursor:pointer}
.logout-button:hover{border-color:#5794ff;color:#dce9fb}
@media(max-width:780px){.top-user-name{display:none}}
@media(max-width:460px){.auth-page{padding:14px}.auth-card{padding:25px 21px}.auth-brand{margin-bottom:28px}}