:root{--noite: #0e1a2b;--noite-clara: #1b2a40;--nevoa: #f2f5f0;--verde: #22d38a;--cinza: #979dA1;--borda: #757d84;--erro: #f87171}*{box-sizing:border-box}body{margin:0;background:var(--noite);color:var(--nevoa);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.pagina{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.cartao{width:100%;max-width:420px;background:var(--noite-clara);border-radius:16px;padding:32px 24px;text-align:center}.simbolo{display:block;margin:0 auto 16px}.cartao h1{margin:0 0 12px;font-size:1.5rem;line-height:1.25}.cartao p{margin:0 0 16px}form{text-align:left}label{display:block;margin:16px 0 6px;font-weight:600}input{width:100%;padding:12px;font-size:1rem;color:var(--nevoa);background:var(--noite);border:1px solid var(--borda);border-radius:8px}input:focus-visible{outline:2px solid var(--verde);outline-offset:1px}.dica{margin:6px 0 0;font-size:.875rem;color:var(--cinza)}.erro{margin:16px 0 0;color:var(--erro)}button{width:100%;margin-top:24px;padding:14px;font-size:1rem;font-weight:700;color:var(--noite);background:var(--verde);border:0;border-radius:999px;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}button:focus-visible{outline:2px solid var(--nevoa);outline-offset:2px}