:root{--ink:#18322c;--muted:#66746f;--accent:#e05b36;--line:#dfe5e1}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(224,91,54,.12),transparent 28rem),#f5f7f4;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.login-shell{display:grid;min-height:100vh;padding:24px;place-items:center}.login-card{width:min(100%,440px);padding:38px;border:1px solid rgba(24,50,44,.08);border-radius:22px;background:#fff;box-shadow:0 20px 60px rgba(24,50,44,.12)}
.login-brand{display:flex;gap:12px;align-items:center;margin-bottom:40px}.login-brand>span{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:var(--ink);color:#fff;font:25px Georgia,serif}.login-brand strong,.login-brand small{display:block}.login-brand small{margin-top:3px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.eyebrow{margin:0 0 8px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.13em}h1{margin:0 0 10px;font:500 36px Georgia,serif;letter-spacing:-.03em}.login-card>p:not(.eyebrow){margin:0 0 26px;color:var(--muted);line-height:1.6}
form{display:grid;gap:18px}label{font-size:13px;font-weight:750}input{width:100%;height:48px;margin-top:7px;padding:0 13px;border:1px solid #cbd4cf;border-radius:10px;font:inherit;outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(224,91,54,.12)}
button{height:49px;border:0;border-radius:10px;background:var(--accent);color:#fff;font:750 15px inherit;cursor:pointer}.error{margin-bottom:20px;padding:12px;border-radius:9px;background:#fff0ec;color:#a5371d;font-size:13px}code{display:block;overflow-wrap:anywhere;padding:13px;border-radius:9px;background:#edf2ef;color:var(--ink);font-size:12px}