body{display:block;overflow:auto;background:#f5f5f7;min-height:100vh;height:auto}
.auth-card{max-width:440px;margin:9vh auto;padding:36px;background:#fff;border:1px solid #e5e5e9;border-radius:22px;box-shadow:0 8px 32px #1d1d1f06}
.auth-card.wide{max-width:700px}.auth-card h1{font-size:26px;letter-spacing:-.8px;margin:32px 0 12px}.auth-card h2{font-size:18px;margin-top:32px}
.auth-card label{display:block;margin:18px 0;font-weight:500}.auth-card p{font-size:13px;line-height:1.65;color:#6e6e73}.auth-card [role=alert]{color:#b32626;white-space:pre-wrap}
.auth-card a{color:#0071e3;font-size:13px}.auth-card .brand img{width:42px;height:42px}.auth-card .brand b{font-size:21px}.auth-card .brand small{font-size:12px}
.auth-card input,.auth-card select{min-height:42px;border-radius:10px;padding:10px 12px}.auth-card .primary{width:100%;margin-top:6px;min-height:42px;border-radius:10px}
.token-secret{display:block;overflow-wrap:anywhere;background:#edf5ff;border:1px solid #d2e6ff;border-radius:10px;padding:14px;user-select:all;font-family:ui-monospace,monospace;font-size:12px;margin-top:16px}
.token-row{padding:14px 0;border-bottom:1px solid #e5e5e9;font-size:12px;line-height:1.7}.token-row button{width:auto;margin-left:12px}.auth-card [hidden]{display:none}
@media(max-width:600px){.auth-card{margin:24px 16px;padding:28px 24px;border-radius:18px}}

.auth-card .brand img.brand-logo{width:176px;height:auto}