:root{color-scheme:dark;--verde:#39ff88;--azul:#0ea5e9;--fundo:#061827;--texto-suave:#b6d7e8}
*{box-sizing:border-box}
html{min-height:100%;background:var(--fundo)}
body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top left,rgba(57,255,136,.20),transparent 35%),radial-gradient(circle at bottom right,rgba(14,165,233,.25),transparent 35%),linear-gradient(180deg,#061827 0%,#071b2b 55%,#04111d 100%);display:flex;align-items:center;justify-content:center;padding:20px;color:#fff}
.login-wrapper{width:100%;max-width:420px}
.login-card{position:relative;overflow:hidden;width:100%;border-radius:32px;padding:30px 22px 26px;background:linear-gradient(135deg,rgba(15,39,64,.98),rgba(11,56,85,.96));border:1px solid rgba(57,255,136,.25);box-shadow:0 25px 60px rgba(0,0,0,.38);text-align:center}
.login-card:before,.login-card:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.login-card:before{top:-70px;right:-70px;width:170px;height:170px;background:rgba(57,255,136,.14)}
.login-card:after{bottom:-80px;left:-80px;width:190px;height:190px;background:rgba(14,165,233,.14)}
.conteudo{position:relative;z-index:2}
.area-logo{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:12px}
.logo{width:170px;max-width:75%;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}
.titulo{color:#fff;font-size:26px;font-weight:900;margin:8px 0 5px;text-align:center}
.subtitulo{color:var(--texto-suave);font-size:14px;line-height:1.5;margin:0 0 24px;text-align:center}
.login-form{width:100%}
.campo{width:100%;height:58px;border-radius:20px;margin-bottom:14px;padding:0 18px;font-size:17px;font-weight:700;color:#fff;background:rgba(255,255,255,.09);border:1px solid rgba(57,255,136,.18);text-align:left;outline:none}
.campo::placeholder{color:var(--texto-suave)}
.campo:focus{border-color:var(--verde);box-shadow:0 0 0 3px rgba(57,255,136,.16);background:rgba(255,255,255,.13)}
.campo-senha{position:relative}.campo-senha .campo{padding-right:82px}
.mostrar-senha{position:absolute;right:15px;top:20px;border:0;background:transparent;color:var(--verde);font-size:12px;font-weight:900;cursor:pointer}
.btn-login,.btn-cadastro,.btn-download-app{width:100%;min-height:58px;border-radius:20px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;font-weight:900;cursor:pointer}
.btn-login{margin-top:6px;background:linear-gradient(135deg,#00d084,var(--verde));color:#061827;box-shadow:0 0 24px rgba(57,255,136,.35)}
.btn-login:active,.btn-cadastro:active{transform:scale(.97)}
.btn-cadastro{background:rgba(14,165,233,.12);border:1px solid rgba(14,165,233,.5);color:#dff5ff}
.separador{display:flex;align-items:center;gap:12px;margin:21px 0 13px;color:#8fb5c9;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.separador:before,.separador:after{content:"";height:1px;flex:1;background:rgba(143,181,201,.25)}
.texto-cadastro{color:#8fb5c9;font-size:11px;margin:9px 0 0}
.area-download-app[hidden]{display:none}
.btn-download-app{background:rgba(250,204,21,.12);border:1px solid rgba(250,204,21,.68);color:#ffe66d}
.btn-download-app:hover{background:rgba(250,204,21,.2);border-color:#facc15}
.btn-download-app:active{transform:scale(.97)}
.marca{width:170px;max-width:72%;height:auto;display:block;margin:24px auto 0;opacity:.95;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}
.rodape-login{margin-top:18px;color:#8fb5c9;font-size:11px;font-weight:600;line-height:1.6;opacity:.85}
.alerta{margin:0 0 15px;padding:12px 14px;border-radius:15px;background:rgba(239,68,68,.14);border:1px solid rgba(248,113,113,.42);color:#ffd9d9;font-size:13px;font-weight:700;line-height:1.4}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pagina-breve{padding-top:38px}.pagina-breve .logo{margin-bottom:20px}.link-botao{margin-top:4px}
@media(max-width:420px){body{padding:16px}.login-card{padding:26px 18px 24px;border-radius:28px}.logo{width:150px}.titulo{font-size:23px}.campo,.btn-login,.btn-cadastro,.btn-download-app{min-height:55px;height:55px}.marca{width:155px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.pagina-cadastro{align-items:flex-start}.cadastro-wrapper{width:100%;max-width:560px;margin:20px auto}.cadastro-card{text-align:left}.logo-cadastro{width:120px}.form-cadastro label{display:block;margin:8px 4px;color:#dff5ff;font-size:13px;font-weight:800}.form-cadastro .campo{margin-bottom:9px}.form-cadastro small{display:block;color:#8fb5c9;margin:-3px 5px 12px}.linha-campos{display:grid;grid-template-columns:1fr 100px;gap:12px}.aceite{display:flex!important;gap:10px;align-items:flex-start;margin:14px 4px!important}.aceite input{margin-top:3px}.voltar-link{display:block;text-align:center;color:#b6d7e8;margin-top:18px;text-decoration:none;font-weight:700}.codigo{text-align:center;font-size:30px;letter-spacing:8px}.cadastro-card .titulo,.cadastro-card .subtitulo{text-align:center}@media(max-width:480px){.linha-campos{grid-template-columns:1fr 76px}.cadastro-wrapper{margin:0 auto}}