*{box-sizing:border-box}body{margin:0;background:#f1f5fa;color:#172b45;font-family:system-ui,-apple-system,sans-serif;min-height:100vh;display:grid;place-items:center;padding:28px 16px}.auth-card{background:#fff;width:100%;max-width:470px;padding:36px;border:1px solid #e1e8f0;border-radius:20px;box-shadow:0 16px 48px #1734570b}.brand{color:#2b68b4;font-weight:750;font-size:21px;margin-bottom:22px}h1{font-size:25px;line-height:1.25;margin:0 0 12px}.muted,small{color:#596b80;line-height:1.6}.muted{margin:0 0 24px}label{display:block;font-size:14px;font-weight:600;margin:18px 0 8px}input:not([type=hidden]){display:block;width:100%;border:1px solid #b8c8d9;border-radius:9px;padding:13px;font:inherit;background:#fff}input:focus{outline:3px solid #cfe1f7;border-color:#326cb2}button{margin-top:24px;width:100%;border:0;border-radius:9px;background:#245eaa;color:#fff;font:inherit;font-weight:650;padding:14px;cursor:pointer}button:hover{background:#1c4c8a}small{display:block;font-size:12px;margin-top:7px}.notice{background:#fff4de;color:#654614;padding:13px;border:1px solid #f1d39a;border-radius:9px;line-height:1.5;font-size:14px}.back{display:block;color:#245eaa;margin-bottom:24px;font-size:14px;text-decoration:none}@media(max-width:480px){.auth-card{padding:26px 22px}}