*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#F1EFE8;font:14px "Segoe UI",Arial,sans-serif;color:#222}
.card{background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.12);padding:28px 30px 24px;width:340px;max-width:92vw}
h1{margin:0;font-size:24px;color:#0C447C}.card p{margin:4px 0 14px;color:#666}
label{display:block;margin:12px 0 4px;font-weight:600;color:#444441}
input{width:100%;padding:10px;border:1px solid #B4B2A9;border-radius:6px;font:15px "Segoe UI",Arial,sans-serif}
input:focus{outline:2px solid #378ADD;border-color:#378ADD}
#err{color:#A32D2D;min-height:20px;margin:10px 0 4px;font-weight:600}
button{width:100%;padding:11px;border:0;border-radius:6px;background:#0C447C;color:#fff;font-weight:600;font-size:15px;cursor:pointer}
button:hover{background:#0A3A6B}button:disabled{opacity:.6}