/* Telas de acesso (entrar, criar conta, recuperar senha) */
.acesso{max-width:420px;margin:0 auto;padding:36px 16px 64px;display:flex;flex-direction:column;gap:16px}
.acesso .card{gap:18px}
.acesso h1{font-size:clamp(1.6rem,5vw,1.9rem)}
.acesso form{display:flex;flex-direction:column;gap:14px}
.google{background:#fff;border:1px solid #DADCE0;color:#1F1F1F;font-weight:600}
.google:hover{border-color:#9AA0A6;background:#F8F9FA}
.ou{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.85rem}
.ou::before,.ou::after{content:"";flex:1;height:1px;background:var(--line)}
.senha{position:relative}
.senha input{padding-right:52px}
.senha button{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--muted);cursor:pointer;width:44px;height:40px;display:grid;place-items:center;border-radius:10px}
.senha button:hover{color:var(--ink)}
.rotulo-linha{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.link{background:none;border:0;padding:0;color:var(--deep);font-weight:600;cursor:pointer;text-decoration:none;font-size:.88rem}
.link:hover{text-decoration:underline}
.regras{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.8rem;color:var(--muted)}
.regras li{display:flex;align-items:center;gap:5px}
.regras li::before{content:"";width:14px;height:14px;border-radius:50%;border:1.5px solid var(--line);flex:none}
.regras li.ok{color:var(--ok)}
.regras li.ok::before{background:var(--ok);border-color:var(--ok);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");background-size:10px;background-position:center;background-repeat:no-repeat}
.campo-erro{color:var(--erro);font-size:.82rem;margin:0}
input[aria-invalid="true"]{border-color:var(--erro)!important}
.aceite{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--muted)}
.aceite input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--deep);flex:none}
.rodape-acesso{text-align:center;color:var(--muted);font-size:.92rem;margin:0}
.rodape-acesso a{color:var(--deep);font-weight:700;text-decoration:none}
.rodape-acesso a:hover{text-decoration:underline}
.letra-miuda{text-align:center;color:var(--muted);font-size:.78rem;margin:0}