:root{--blue:#2f6bff}
*{box-sizing:border-box}
body.login{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#132a52;font-family:'Segoe UI',Roboto,Arial,sans-serif;color:#1f2a44}
.card{background:#fff;border-radius:16px;padding:34px 32px;width:340px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.card h1{margin:0;font-size:22px;letter-spacing:.5px;color:#132a52;text-align:center}
.tag{margin:2px 0 22px;text-align:center;font-size:10px;letter-spacing:1.5px;color:#7a8aa6;text-transform:uppercase}
.err{background:#fdecec;color:#d62828;padding:9px 12px;border-radius:9px;font-size:12.5px;margin:0 0 14px}
label{display:block;font-size:12px;font-weight:600;margin:12px 0 5px;color:#4a5a78}
input{width:100%;height:40px;border:1px solid #e0e6ef;border-radius:9px;padding:0 13px;font-size:13px}
input:focus{outline:3px solid #2f6bff;outline-offset:1px}
button{margin-top:20px;width:100%;height:42px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-weight:700;font-size:13.5px;cursor:pointer}