:root{--fundo:#0B1F33;--superficie:#132B45;--texto:#F8F4E9;--texto-2:#B8C2CE;--link:#3BB8E3;--linha:#24405E;--botao:#C8963A;--botao-texto:#0B1F33;--botao-hover:#D6A852;--foco:#3BB8E3;--erro-fundo:#3A1714;--erro-texto:#FFD9D4;color-scheme:dark}
@media (prefers-color-scheme:light){:root{--fundo:#F8F4E9;--superficie:#FFFFFF;--texto:#0B1F33;--texto-2:#3B4A5C;--link:#0A6E94;--linha:#E6E0D2;--botao:#0B1F33;--botao-texto:#F8F4E9;--botao-hover:#1A3A5C;--foco:#0A93C4;--erro-fundo:#FDECEA;--erro-texto:#7A1C16;color-scheme:light}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;color:var(--texto);background:var(--fundo)}
main{max-width:480px;margin:0 auto;padding:32px 16px 48px}
header{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:24px}
.logo{display:block;height:40px;width:auto}
.logo-claro{display:none}
@media (prefers-color-scheme:light){.logo-escuro{display:none}.logo-claro{display:block}}
.subtitulo{margin:0;color:var(--texto-2);font-size:14px}
.cartao{background:var(--superficie);border:1px solid var(--linha);border-radius:16px;padding:24px 16px}
h1{margin:0 0 12px;font-family:"Space Grotesk",system-ui,sans-serif;font-size:24px;line-height:1.2}
p{margin:0 0 16px}
.dica{color:var(--texto-2);font-size:14px}
label,.rotulo{display:block;font-weight:600;margin-bottom:8px}
input[type=email]{display:block;width:100%;min-height:48px;padding:10px 12px;font:inherit;font-size:16px;color:var(--texto);background:var(--fundo);border:1px solid var(--texto-2);border-radius:8px}
[aria-invalid=true]{border-color:#F97066;border-width:2px}
.erro{margin:8px 0 0;color:var(--erro-texto);background:var(--erro-fundo);padding:8px 12px;border-radius:8px;font-size:14px}
fieldset{margin:0 0 16px;padding:0;border:0;min-width:0}
legend{font-weight:600;margin-bottom:8px;padding:0}
.opcao{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 12px;margin:0 0 8px;border:1px solid var(--linha);border-radius:8px;cursor:pointer;font-weight:400}
.opcao:hover{border-color:var(--texto-2)}
.opcao input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--botao)}
button{display:block;width:100%;min-height:48px;margin-top:16px;padding:12px 16px;font:inherit;font-weight:700;color:var(--botao-texto);background:var(--botao);border:0;border-radius:8px;cursor:pointer}
button:hover{background:var(--botao-hover)}
button:active{transform:translateY(1px)}
button:disabled{opacity:.4;cursor:not-allowed}
button.secundario{color:var(--texto);background:transparent;border:1px solid var(--texto-2)}
button.secundario:hover{background:var(--fundo)}
.lista{margin:0 0 16px;padding-left:20px}
.lista li{margin-bottom:4px}
a{color:var(--link)}
a.acao{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
input:focus-visible,button:focus-visible,a:focus-visible,.opcao:focus-within{outline:2px solid var(--foco);outline-offset:2px}
@media (min-width:768px){main{padding-top:64px}.cartao{padding:32px}h1{font-size:28px}}