:root { --blue: #1659a6; --ink: #16213a; --grey: #5b6472; --line: #d9e0ea; --paper: #f5f7fa; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px 16px; background: var(--paper);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--ink); line-height: 1.55; }
main { width: min(100%, 520px); padding: 36px 32px 30px; background: #fff; border: 1px solid var(--line); border-radius: 12px; }
.logo { display: block; height: 24px; width: auto; margin-bottom: 28px; }
h1 { margin: 0 0 10px; font-size: 22px; line-height: 1.3; }
p { margin: 0 0 12px; color: var(--grey); font-size: 15px; }
a { color: var(--blue); }
.btn { display: inline-block; margin-top: 10px; padding: 11px 18px; border-radius: 8px; background: var(--blue); color: #fff; text-decoration: none; font-weight: 600; font-size: 14px; }
.btn:hover { background: #124a89; }
footer { margin-top: 26px; padding-top: 14px; border-top: 1px solid var(--line); font-size: 12.5px; color: var(--grey); }