:root{font-family:Inter,Arial,sans-serif;color:#432414;background:#fff7ef;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 80% 0%,#ffd5ab 0,transparent 48%),#fff7ef}
[hidden]{display:none!important}
.login-page{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:32px 20px}
.login-card{width:100%;max-width:480px;background:#fff;border:1px solid #ffe0c6;border-radius:28px;padding:32px;box-shadow:0 20px 70px #9f3b0b12}
.back-link{display:inline-block;color:#8a6552;font-size:14px;text-decoration:none;margin-bottom:28px}
.back-link:hover{text-decoration:underline}
.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:800;letter-spacing:.05em}
.brand span{width:36px;height:36px;display:grid;place-items:center;background:#f66b15;color:#fff;border-radius:50%;font-size:23px}
.badge{display:inline-block;color:#a83d09;background:#fff0e1;border-radius:20px;padding:6px 10px;margin:18px 0 20px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}
h1{font-size:29px;line-height:1.15;margin:0 0 14px}
.intro,.hint,#secret-box p{color:#846858;font-size:14px;line-height:1.6}
.intro{margin:0 0 28px}
form{display:grid;gap:10px}
label{font-size:14px;font-weight:600}
input,button{font:inherit}
input{width:100%;min-width:0;padding:16px;border:1px solid #e7d9ce;border-radius:13px;color:#432414;background:#fff}
#totp-code{font-size:25px;letter-spacing:.22em}
.hint{margin:3px 0 14px;font-size:12px}
button{width:100%;padding:15px 20px;border:0;border-radius:13px;background:#f36b13;color:#fff;font-weight:700;cursor:pointer}
button:hover:not(:disabled){background:#d95106}
button:disabled{opacity:.55;cursor:wait}
.secondary{background:#fff0e1;color:#a83d09}
.secondary:hover:not(:disabled){background:#ffe0c6}
:focus-visible{outline:3px solid #bc4a13;outline-offset:4px}
#auth-status{font-size:13px;line-height:1.5;color:#ae331a;margin:14px 0 0;min-height:20px}
#secret-box{margin:20px 0}
#totp-secret{display:block;overflow-wrap:anywhere;background:#fff0e1;padding:12px;border-radius:10px;letter-spacing:1px}
@media(max-width:480px){.login-page{padding:20px 16px}.login-card{padding:26px 22px;border-radius:23px}h1{font-size:26px}}