:root{--sp-red: #c8102e;--sp-blue: #0568ae;--sp-blue-dark: #04517f;--sp-black: #1d1d1d;--sp-grey: #5b6167;--sp-border: #e3e5e8;--sp-cream: #fdf6e3;--sp-cream-border: #eadfb4;--sp-green: #1a7f37}*{box-sizing:border-box}body{font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif;background:#f2f3f5;margin:0}.page{min-height:100vh;display:flex;justify-content:center;padding:60px 16px}.card{background:#fff;max-width:400px;width:100%;height:fit-content;border:1px solid var(--sp-border);border-radius:6px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.card.center{text-align:center}.logo-panel{text-align:center;padding:28px 24px 20px;border-bottom:1px solid var(--sp-border)}.bar{height:3px;width:80px;background:var(--sp-black);margin:0 auto 8px}.brand{font-size:20px;font-weight:800;color:var(--sp-red);letter-spacing:-.3px}.form-panel,.content-panel{padding:28px 32px 26px}h1{font-size:24px;color:var(--sp-black);margin:0 0 20px;font-weight:600}.content-panel h1{color:var(--sp-green);font-size:22px;text-align:center}label{font-size:13px;font-weight:700;color:var(--sp-black)}input[type=text],input[type=password]{width:100%;padding:11px 12px;margin:6px 0 16px;border:1px solid #c7cbd1;border-radius:4px;font-size:15px}input:focus{outline:none;border-color:var(--sp-blue);box-shadow:0 0 0 3px #0568ae26}button.submit,.content-panel .button{width:100%;padding:12px;background:var(--sp-blue);color:#fff;font-weight:600;font-size:15px;border:none;border-radius:4px;cursor:pointer;margin-top:4px}button.submit:hover,.content-panel .button:hover{background:var(--sp-blue-dark)}button.submit:disabled{opacity:.7;cursor:default}.content-panel .button{width:auto;padding:11px 24px;display:inline-block;margin-top:14px}.pw-wrap{position:relative}.pw-wrap input{padding-right:40px}.eye-toggle{position:absolute;right:6px;top:6px;background:none;border:none;padding:6px;margin:0;cursor:pointer;color:var(--sp-grey);width:auto}.eye-toggle:hover{color:var(--sp-black)}.remember{display:flex;align-items:center;gap:8px;margin:4px 0 18px}.remember input{width:auto;margin:0}.remember label{font-weight:400;font-size:14px;color:var(--sp-black)}.notice{background:var(--sp-cream);border:1px solid var(--sp-cream-border);border-radius:6px;padding:14px 16px;margin-top:22px;font-size:13px;color:#7a5a10}.notice strong{display:block;margin-bottom:4px;color:#5c4308}.notice.ok{color:#2e6b3e;background:#eaf6ec;border-color:#cdeacf;margin-top:0;margin-bottom:18px}.notice.ok strong{color:#215031}.error{background:#fdecea;color:#b00020;padding:12px 14px;border-radius:4px;font-size:14px;margin-bottom:18px}.badge{width:52px;height:52px;border-radius:50%;background:#e8f5e9;color:var(--sp-green);display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 16px}.content-panel p{color:var(--sp-grey);font-size:14px;line-height:1.5}code{background:#f2f3f5;padding:2px 6px;border-radius:4px;font-size:13px}footer{text-align:center;color:#9aa0a6;font-size:12px;margin-top:22px}footer a{color:var(--sp-red);text-decoration:none}