/* Telas de acesso (entrar, criar acesso, confirmar e-mail) com o mesmo visual claro da landing. */
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light;background:#f4f4f7;color:#16131f;--text:#16131f;--muted:#5f5b70;--line:#1a153017;--brand:#6b5cf0;--coral:#d9623f}
*{box-sizing:border-box}
body{position:relative;margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:24px 16px;overflow-x:hidden;background:radial-gradient(60% 60% at 12% 8%,#e4defe,transparent 62%),radial-gradient(55% 60% at 92% 92%,#ffe1d6,transparent 60%),#f6f6fa}
#flow,.shade{display:none}
a{color:inherit;text-decoration:none}
.login-card{position:relative;width:min(100%,430px);padding:36px;border:1px solid #1a153014;border-radius:26px;background:#fff;box-shadow:0 30px 80px -40px #1a153055,0 1px 2px #1a153010}
.brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:34px;font-size:18px;font-weight:700;letter-spacing:-.025em}
/* Segunda parte do nome (o "IA" do ResponerIA) no mesmo selo da landing. */
.light{margin-left:1px;padding:0 6px;border-radius:6px;background:linear-gradient(120deg,#6b5cf0,#e46f4c);color:#fff;font-weight:800}
.light:empty{display:none}
.mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(140deg,#7c6ff0,#ff9f85)}
.mark svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mark svg .spark{fill:#fff;stroke:none}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--coral)}
h1{margin:10px 0 8px;font-size:clamp(30px,6vw,36px);font-weight:300;line-height:1.1;letter-spacing:-.035em}
p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
form{display:grid;gap:8px;margin:26px 0 22px}
label{margin-top:8px;font-size:13px;font-weight:600}
input{width:100%;min-height:48px;padding:0 14px;border:1px solid #1a153026;border-radius:12px;background:#fff;font:inherit;font-size:16px;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}
input:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px #6b5cf026}
button{min-height:50px;margin-top:14px;border:0;border-radius:999px;background:var(--text);color:#fff;font:inherit;font-weight:650;cursor:pointer;transition:transform .15s ease}
button:hover:not(:disabled){transform:translateY(-1px)}
button:disabled{opacity:.6;cursor:wait}
button:focus-visible,a:focus-visible{outline:2px solid var(--coral);outline-offset:3px}
footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
footer a{color:var(--text);font-weight:600}
footer a:hover{color:var(--brand)}
#loginNotice{margin-top:18px;padding:12px 14px;border:1px solid #6b5cf033;border-radius:12px;background:#f1efff;color:#3b2fa8;font-size:14px;line-height:1.5}
@media(max-width:480px){.login-card{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){input,button{transition:none}}
.hint{display:block;margin:-4px 0 12px;color:var(--muted);font-size:12px;line-height:1.4}#loginNotice.ok{color:#17704d;border-color:#1f9d6b40;background:#e5f6ee}
select{width:100%;margin-top:6px;padding:12px 14px;border-radius:12px;border:1px solid #1a153026;background:#fff;color:inherit;font:inherit}
/* Criar acesso e nova senha */
.company-chip{display:flex;width:fit-content;align-items:center;gap:10px;margin:-14px 0 18px;padding:8px 14px 8px 8px;border:1px solid var(--line);border-radius:999px;background:#f6f6fa}.company-chip small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.company-chip strong{display:block;font-size:14px;font-weight:600}
.company-initial{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(140deg,#7c6ff0,#ff9f85);font-size:13px;font-weight:700;color:#fff}
#linkForm{gap:18px}.field{display:grid;gap:7px}.field label{margin-top:0}.field .hint{margin:0}
input[aria-invalid=true]{border-color:#e0566a}
.password-wrap{position:relative}.password-wrap input{padding-right:92px}
.reveal{position:absolute;right:6px;top:6px;min-height:36px;margin:0;padding:0 14px;border-radius:9px;background:#f1efff;color:var(--brand);font-size:13px;font-weight:600}.reveal:hover:not(:disabled){transform:none;background:#e4defe}
.rules{display:flex;flex-wrap:wrap;gap:6px 14px;margin:2px 0 0;padding:0;list-style:none;font-size:12.5px;color:var(--muted)}
.rules li::before{content:"○";display:inline-block;width:16px;color:#1a153059}.rules li.ok{color:#17704d}.rules li.ok::before{content:"✓";color:#1f9d6b}
.primary-action{margin-top:4px}.primary-action:disabled{opacity:.45;cursor:not-allowed}