.pagina-login{overflow:hidden;background:#0f172a}
.pagina-login::before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E");pointer-events:none;opacity:.4}
.pagina-login .conteudo-login{display:block;width:100%;height:100vh;min-height:0;padding:0}
.login-layout{display:grid;grid-template-columns:1fr 1fr;height:100vh;position:relative;z-index:1}
.login-apresentacao{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px;overflow:hidden;background:linear-gradient(145deg,#0d1a35 0%,#0f172a 60%,#130d2a 100%)}
.login-apresentacao::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 30% 20%,rgba(37,99,235,.22),transparent 65%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(139,92,246,.12),transparent 60%),radial-gradient(ellipse 40% 30% at 60% 50%,rgba(245,158,11,.06),transparent 60%);pointer-events:none}
.login-grade{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 90% 90% at 30% 50%,#000 10%,transparent 100%);pointer-events:none}
.login-topo,.login-chamada,.login-copyright{position:relative;z-index:2}
.login-logo{color:#fff;font-size:1.6rem;font-weight:800;letter-spacing:-.5px}.login-logo span{color:#f59e0b}
.login-chamada{display:flex;flex:1;flex-direction:column;justify-content:center;padding:40px 0}
.login-chamada h1{margin:0 0 18px;color:#fff;font-size:clamp(2rem,3.2vw,2.8rem);font-weight:900;line-height:1.1;letter-spacing:-1.5px}
.login-chamada h1 span{background:linear-gradient(135deg,#3b82f6,#fbbf24);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.login-chamada>p{max-width:410px;margin:0 0 36px;color:#94a3b8;font-size:1rem;line-height:1.75}
.login-recursos{display:flex;flex-direction:column;gap:14px;margin-bottom:40px}.login-recurso{display:flex;align-items:center;gap:12px}.login-recurso div{display:flex;flex-direction:column}.login-recurso strong{color:#fff;font-size:.9rem}.login-recurso small{color:#94a3b8;font-size:.8rem}
.recurso-icone{display:grid;width:36px;height:36px;flex:none;place-items:center;border:1px solid;border-radius:10px;font-size:1rem}.recurso-azul{border-color:rgba(37,99,235,.25);background:rgba(37,99,235,.12)}.recurso-roxo{border-color:rgba(139,92,246,.25);background:rgba(139,92,246,.12)}.recurso-ambar{border-color:rgba(245,158,11,.25);background:rgba(245,158,11,.12)}
.login-selos{display:flex;flex-wrap:wrap;gap:10px}.selo{display:inline-flex;padding:5px 12px;border:1px solid;border-radius:999px;font-size:.75rem;font-weight:600}.selo-verde{border-color:rgba(16,185,129,.25);background:rgba(16,185,129,.1);color:#10b981}.selo-azul{border-color:rgba(37,99,235,.25);background:rgba(37,99,235,.1);color:#3b82f6}.selo-roxo{border-color:rgba(139,92,246,.25);background:rgba(139,92,246,.1);color:#a78bfa}
.login-copyright{margin:0;color:#94a3b8;font-size:.78rem;line-height:1.6}
.login-acesso{display:flex;align-items:center;justify-content:center;padding:48px 56px;overflow-y:auto;border-left:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.015)}
.login-caixa{width:100%;max-width:400px}.login-cabecalho{margin-bottom:36px}.login-cabecalho h2{margin:0 0 8px;color:#fff;font-size:1.75rem;font-weight:900;letter-spacing:-.8px}.login-cabecalho p{margin:0;color:#94a3b8;font-size:.92rem;line-height:1.6}.login-cabecalho a{color:#3b82f6;font-weight:600}
.login-alerta{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px;padding:14px 16px;border:1px solid rgba(239,68,68,.25);border-radius:12px;background:rgba(239,68,68,.08);animation:loginAlerta .3s ease}.login-alerta>span{display:grid;width:32px;height:32px;flex:none;place-items:center;border:1px solid rgba(239,68,68,.25);border-radius:8px;background:rgba(239,68,68,.15);color:#fca5a5;font-weight:800}.login-alerta strong{display:block;margin-bottom:3px;color:#fca5a5;font-size:.88rem}.login-alerta p{margin:0;color:#f87171;font-size:.82rem;line-height:1.5}@keyframes loginAlerta{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.login-campo{margin-bottom:20px}.login-campo>label{display:block;margin-bottom:8px;color:#94a3b8;font-size:.82rem;font-weight:700;letter-spacing:.3px}.login-input-wrap{position:relative}.login-input-wrap>svg{position:absolute;top:50%;left:14px;width:18px;height:18px;transform:translateY(-50%);color:#94a3b8;opacity:.65;pointer-events:none}
.login-input-wrap input{width:100%;padding:13px 44px 13px 42px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.04);color:#e2e8f0;font-size:.95rem;outline:none;transition:.25s}.login-input-wrap input::placeholder{color:#94a3b8;opacity:.6}.login-input-wrap input:focus{border-color:#2563eb;background:rgba(37,99,235,.06);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.login-ver-senha{position:absolute;top:50%;right:10px;display:grid;width:34px;height:34px;padding:0;transform:translateY(-50%);place-items:center;border:0;border-radius:8px;background:transparent;color:#94a3b8;cursor:pointer}.login-ver-senha:hover{background:rgba(255,255,255,.05);color:#e2e8f0}.login-ver-senha svg{width:19px;height:19px}
.login-botao{display:flex;width:100%;align-items:center;justify-content:center;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#2563eb;color:#fff;font-size:.95rem;font-weight:800;cursor:pointer;transition:.25s}.login-botao:hover:not(:disabled){transform:translateY(-2px);background:#3b82f6;box-shadow:0 8px 30px rgba(37,99,235,.35)}.login-botao:disabled{cursor:wait;opacity:.75}.login-spinner{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:loginGirar .7s linear infinite}.login-botao.carregando .login-spinner{display:block}.login-botao.carregando .login-seta{display:none}@keyframes loginGirar{to{transform:rotate(360deg)}}
@media(max-width:820px){.pagina-login{overflow:auto}.pagina-login .conteudo-login,.login-layout{height:auto;min-height:100vh}.login-layout{grid-template-columns:1fr}.login-apresentacao{min-height:auto;padding:40px 28px}.login-chamada{padding:32px 0}.login-acesso{padding:48px 28px;border-top:1px solid rgba(255,255,255,.08);border-left:0}}
@media(max-width:480px){.login-apresentacao{display:none}.login-layout{display:flex}.login-acesso{width:100%;min-height:100vh;padding:36px 22px;border:0}.login-cabecalho{margin-bottom:28px}}