/* Telas de conta (login e cadastro) — usa os tokens de site.css e os campos de assinar.css */
.conta{min-height:calc(100vh - 64px); display:grid; place-items:start center; padding:48px var(--gutter) 80px}
.conta-card{width:100%; max-width:440px; background:var(--surface); border:1px solid var(--line); border-radius:var(--r); padding:30px 28px}
@media(max-width:480px){.conta-card{padding:24px 18px}}
.conta-card h1{font-family:var(--display); font-size:28px; font-weight:700; letter-spacing:-.02em; margin:0}
.conta-card .lede-sm{margin-top:8px; font-size:15px; color:var(--txt-3)}
.conta-form{display:grid; gap:14px; margin-top:24px}
.conta .f input{padding:12px 13px}
.senha-wrap{position:relative}
.senha-wrap input{padding-right:78px}
.ver{position:absolute; right:6px; top:50%; transform:translateY(-50%); font:inherit; font-size:12.5px; font-weight:600; color:var(--txt-3); background:transparent; border:0; padding:8px 10px; border-radius:7px; cursor:pointer}
.ver:hover{color:var(--txt)}
.dica{font-size:12.5px; color:var(--txt-4); margin-top:-6px}
.conta-btn{width:100%; margin-top:6px}
.conta-btn:disabled{opacity:.55; cursor:default}
.ou{display:flex; align-items:center; gap:12px; margin:20px 0 14px; color:var(--txt-4); font-size:12.5px; font-family:var(--mono); letter-spacing:.08em; text-transform:uppercase}
.ou::before,.ou::after{content:""; flex:1; height:1px; background:var(--line)}
.btn-google{width:100%; background:#fff; color:#1F1F1F; border-color:#fff; font-weight:600}
.btn-google:hover{background:#F2F2F2}
.btn-google svg{width:18px; height:18px; flex:none}
.conta-troca{margin-top:22px; text-align:center; font-size:14px; color:var(--txt-3)}
.conta-troca a{color:var(--amber); text-decoration:none; font-weight:600}
.conta-troca a:hover{text-decoration:underline}
.conta-legal{margin-top:16px; font-size:12.5px; color:var(--txt-4); text-align:center; line-height:1.55}
.conta-legal a{color:var(--txt-3)}
.aviso-ok{margin-top:18px; padding:12px 14px; border-radius:10px; background:var(--green-bg); border:1px solid var(--green-line); color:var(--green); font-size:14.5px}
.alerta{margin-top:0}
.conta-nota{margin-top:14px; font-size:13px; color:var(--txt-4); text-align:center}
.conta-nota a{color:var(--txt-3)}
.link{font:inherit; font-size:inherit; color:var(--amber); background:none; border:0; padding:0; cursor:pointer; text-decoration:underline; text-underline-offset:3px}
.link:disabled{color:var(--txt-4); cursor:default; text-decoration:none}
.codigo{font-family:var(--mono); font-size:22px!important; letter-spacing:.35em; text-align:center}