:root { font-family: "Segoe UI", Arial, sans-serif; color: #1c2430; }
body { margin: 0; background: #eef2f6; }
header { background: #0f4c81; color: #fff; padding: 16px 24px; }
.brand { font-weight: 700; letter-spacing: .02em; }
main { min-height: 70vh; display: flex; align-items: center; justify-content: center; padding: 24px; }
.card { background: #fff; width: min(420px, 100%); padding: 28px; border-radius: 10px; box-shadow: 0 12px 40px rgba(15, 76, 129, .12); }
h1 { font-size: 22px; margin: 0 0 8px; }
.muted, .fine { color: #66758a; font-size: 14px; }
label { display: block; margin: 14px 0; font-size: 13px; }
input { width: 100%; margin-top: 6px; padding: 10px 12px; border: 1px solid #cfd8e3; border-radius: 6px; box-sizing: border-box; }
button { width: 100%; margin-top: 8px; padding: 11px; border: 0; border-radius: 6px; background: #0f4c81; color: #fff; font-size: 15px; cursor: pointer; }
footer { text-align: center; color: #7a8799; font-size: 12px; padding: 24px; }
a { color: #0f4c81; }