:root{--fundo: #0e0f11;--cartao: #17191c;--borda: #2a2d32;--texto: #f2f3f5;--suave: #9aa0a8;--destaque: #c6f432;--erro: #ff6b6b}*{box-sizing:border-box}body{margin:0;background:var(--fundo);color:var(--texto);font:16px/1.5 system-ui,sans-serif}#root{min-height:100dvh;display:grid;place-items:center;padding:16px}.cartao{width:100%;max-width:380px;padding:28px 24px;background:var(--cartao);border:1px solid var(--borda);border-radius:16px;display:grid;gap:14px}h1{margin:0;font-size:32px;font-weight:800;letter-spacing:-.02em;color:var(--destaque)}p{margin:0}.suave{color:var(--suave)}.aviso{color:var(--destaque)}.erro{color:var(--erro);font-size:14px}form{display:grid;gap:14px}label{display:grid;gap:6px;font-size:14px;color:var(--suave)}input{padding:13px 14px;font:inherit;color:var(--texto);background:var(--fundo);border:1px solid var(--borda);border-radius:10px}button{padding:14px;font:inherit;font-weight:700;color:#0e0f11;background:var(--destaque);border:0;border-radius:10px;cursor:pointer}button:disabled{opacity:.6;cursor:default}button.secundario{color:var(--texto);background:transparent;border:1px solid var(--borda)}button.link{padding:6px;font-weight:500;font-size:14px;color:var(--suave);background:none}input:focus-visible,button:focus-visible{outline:2px solid var(--destaque);outline-offset:2px}.divisor{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--suave)}.divisor:before,.divisor:after{content:"";flex:1;height:1px;background:var(--borda)}