:root { --ink:#14213d; --brand:#1d4ed8; --bg:#f4f6fa; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color:var(--ink); background:var(--bg); background-image:url("../img/fundo.svg"); line-height:1.6; }
.topo { display:flex; align-items:center; gap:12px; padding:16px 20px; background:#fff; border-bottom:1px solid #dfe3ea; }
main { max-width:640px; margin:48px auto; padding:0 20px; }
h1 { font-size:1.8rem; line-height:1.2; margin:0 0 12px; }
.relogio { color:#5b6578; }
.botao { display:inline-block; margin-top:16px; padding:12px 20px; background:var(--brand); color:#fff; border-radius:10px; text-decoration:none; font-weight:600; }
.botao:focus-visible { outline:3px solid #93b4ff; outline-offset:2px; }
footer { text-align:center; color:#5b6578; font-size:.85rem; padding:32px 20px; }