*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f7fa;color:#17202a}.login-body{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:#fff;border:1px solid #dfe5ec;border-radius:16px;padding:32px;box-shadow:0 12px 32px rgba(16,24,40,.08)}.brand{font-size:24px;font-weight:800;letter-spacing:.08em}.subbrand{margin-top:4px;color:#6b7280;margin-bottom:28px}label{display:block;font-size:14px;font-weight:600;margin:16px 0 7px}input{width:100%;padding:12px 13px;border:1px solid #cfd6df;border-radius:9px;font-size:16px;background:#fff}input:focus{outline:2px solid #9fb3c8;outline-offset:1px}button,.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:11px 16px;font-weight:700;text-decoration:none;cursor:pointer}form>button{width:100%;margin-top:20px;background:#17202a;color:#fff}.alert{background:#fff1f1;border:1px solid #ffcaca;color:#8b1d1d;padding:11px 12px;border-radius:9px;margin-bottom:14px}.topbar{height:64px;background:#fff;border-bottom:1px solid #e3e7ec;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.muted{color:#6b7280;margin-left:10px;font-size:14px}.top-actions{display:flex;gap:18px;align-items:center}.top-actions form{margin:0}.link-button{width:auto;margin:0;background:transparent;color:#3f4b59;padding:0}.page{max-width:1180px;margin:0 auto;padding:34px 24px 60px}.hero h1{margin:0 0 6px;font-size:30px}.hero p{margin:0;color:#667085}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;margin-top:28px}.card{background:#fff;border:1px solid #e1e6ec;border-radius:14px;padding:20px}.card-head{display:flex;justify-content:space-between;gap:12px}.kcode{font-size:13px;font-weight:800;color:#667085}.card h2{font-size:20px;margin:4px 0 0}.badge{height:max-content;border:1px solid #d6dde6;background:#f7f9fb;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}.card dl{margin:20px 0}.card dl div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid #edf0f3}.card dt{color:#667085}.card dd{margin:0;font-weight:600;text-align:right}.secondary{background:#eef2f6;color:#17202a;width:100%}.note{margin-top:24px;border:1px solid #dfe5ec;background:#fff;padding:15px 16px;border-radius:10px;color:#4b5563}@media(max-width:640px){.topbar{padding:0 16px}.muted{display:none}.page{padding:24px 16px 40px}}

.login-separator{
    text-align:center;
    color:#98a2b3;
    margin:18px 0 4px;
    font-size:13px
}

.recovery-codes{
    margin:14px 0 0;
    padding:16px;
    background:#f7f9fb;
    border:1px solid #dfe5ec;
    border-radius:9px;
    overflow:auto;
    font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
    line-height:1.7
}

.card p{
    color:#667085;
    line-height:1.5
}