/* Visual provisório; o design final vem depois. */
:root { --noite: #0E1A2E; --ouro: #C2A06A; --marfim: #F7F4EE; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column;
       font-family: Georgia, "Times New Roman", serif; background: var(--noite); color: var(--marfim); }
main { flex: 1; max-width: 30rem; width: 100%; margin: 0 auto; padding: 3rem 1.25rem; text-align: center; }
h1 { color: var(--ouro); font-weight: normal; letter-spacing: .12em; margin: 0 0 .5rem; }
h2 { font-weight: normal; margin: 0 0 1rem; }
p { line-height: 1.5; }
.friso { width: 6rem; height: 1px; margin: 1rem auto 2rem; background: var(--ouro); }
.botao { display: inline-block; margin-top: 1.5rem; padding: .9rem 2.5rem; border: 0; border-radius: 2rem;
         background: var(--ouro); color: var(--noite); font: inherit; font-size: 1.1rem;
         letter-spacing: .06em; text-decoration: none; cursor: pointer; }
.botao:focus-visible { outline: 2px solid var(--marfim); outline-offset: 3px; }
.discreto { color: var(--ouro); font-size: .9rem; }
footer { padding: 1rem; text-align: center; font-size: .75rem; color: var(--ouro); opacity: .7; }