:root{--red:#c51f26;--black:#171717;--ink:#242424;--muted:#6b7280;--line:#e5e7eb}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;background:#f4f5f7;color:var(--ink)}body{min-height:100vh}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px;background:radial-gradient(circle at 85% 12%,rgba(197,31,38,.07),transparent 32%),linear-gradient(135deg,#f7f7f8 0%,#eceef1 100%)}.login-card{width:min(470px,100%);background:#fff;border:1px solid #e1e4e8;border-radius:18px;box-shadow:0 22px 70px rgba(0,0,0,.12);overflow:hidden}.login-brand{height:128px;display:flex;align-items:center;justify-content:center;padding:19px 38px;border-bottom:4px solid var(--red);background:#fff}.login-brand img{max-width:100%;max-height:88px;object-fit:contain}.login-body{padding:34px}.eyebrow{display:inline-block;color:var(--red);font-size:11px;font-weight:800;letter-spacing:1.6px;margin-bottom:8px}.login-body h1{font-size:25px;margin:0 0 8px}.login-body>p{margin:0 0 26px;color:var(--muted);font-size:13px}.login-body label{display:block;font-size:12px;font-weight:800;margin-bottom:8px}.pin-wrap{display:flex;border:1px solid #d1d5db;border-radius:10px;overflow:hidden;background:#fff}.pin-wrap:focus-within{border-color:#d85c61;box-shadow:0 0 0 3px rgba(197,31,38,.08)}.pin-wrap input{width:100%;border:0;outline:0;padding:14px 15px;font-size:20px;letter-spacing:8px;min-width:0}.peek{border:0;border-left:1px solid var(--line);background:#fafafa;padding:0 14px;color:#555;font-size:12px;font-weight:700;cursor:pointer}.login-btn{width:100%;border:0;border-radius:10px;background:var(--red);color:#fff;padding:13px 16px;font-weight:800;margin-top:15px;cursor:pointer}.login-btn:hover{background:#a9181e}.notice,.error{padding:11px 12px;border-radius:9px;margin-bottom:16px;font-size:12px;line-height:1.45}.notice{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.error{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}.security-note{margin-top:20px;padding-top:17px;border-top:1px solid var(--line);font-size:11px;color:#8a8f98;text-align:center}@media(max-width:520px){.login-page{padding:16px}.login-body{padding:26px 22px}.login-brand{height:108px;padding:16px 28px}.login-body h1{font-size:22px}}