html,*{scrollbar-width:none}*::-webkit-scrollbar{display:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr;background:#000;color:#fff;font:15px/1.5 Montserrat,Arial,sans-serif;letter-spacing:-.03em}
@font-face{font-family:Montserrat;src:url(/marca/fontes/Montserrat-Regular.woff) format('woff');font-weight:400}
@font-face{font-family:Montserrat;src:url(/marca/fontes/Montserrat-Medium.woff) format('woff');font-weight:500}
@font-face{font-family:Montserrat;src:url(/marca/fontes/Montserrat-Bold.woff) format('woff');font-weight:700}
.ambiente{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.grafismo{position:absolute;display:block;pointer-events:none}.marca,.login-layout{position:relative;z-index:1}
.forma{width:min(62vw,760px);right:-160px;top:-240px;opacity:.12;animation:flutuar-forma 18s ease-in-out infinite alternate}
.linhas{width:min(68vw,820px);left:-160px;bottom:-300px;opacity:.36;animation:deslizar-linhas 22s ease-in-out infinite alternate}
.repeticao{width:300px;right:2vw;bottom:-90px;opacity:.20;animation:flutuar-forma 16s ease-in-out -7s infinite alternate}
.marca{padding:24px clamp(16px,2.5vw,32px)}.logo{height:30px;width:auto;display:block}
.login-layout{width:min(1120px,calc(100% - 64px));justify-self:center;align-self:center;padding:40px 0 72px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr);gap:clamp(40px,7vw,110px);align-items:center}
.apresentacao{min-width:0;animation:chegar .7s ease both}.sobretitulo{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin:0 0 18px;color:#A1ADAD}
.apresentacao h2{font-size:clamp(36px,4.3vw,62px);font-weight:500;line-height:1.08;margin:0 0 24px;letter-spacing:-.045em}.apresentacao h2 span{color:#10D451}
.descricao{max-width:430px;font-size:16px;color:#E0EBE7;margin:0;line-height:1.7}
.recursos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:32px}.recurso{display:flex;align-items:center;gap:12px;padding:17px 13px;border:1px solid #A1ADAD;border-radius:18px;font-weight:700;font-size:12px;background:#000;animation:flutuar-card 7s ease-in-out infinite}
.recurso:nth-child(2){animation-delay:-2s}.recurso:nth-child(3){animation-delay:-4s}.recurso small{font-weight:400;color:#A1ADAD;font-size:11px}
.icone{display:block;flex:none;width:24px;height:24px;background:#10D451;mask:var(--icone) center/contain no-repeat}
.assinatura{margin:32px 0 0;color:#A1ADAD;font-size:12px}
.acesso{padding:34px 32px;border-radius:28px;background:#fff;color:#000;min-width:0;animation:chegar .8s .12s ease both}.acesso .sobretitulo{color:#000;margin-bottom:12px}
h1{font-size:25px;font-weight:500;line-height:1.2;margin:0 0 12px}.sub{color:#000;font-size:13px;margin:0 0 24px;opacity:.74}
label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;margin:16px 0 7px;color:#000}
input{width:100%;padding:13px 16px;border-radius:999px;border:1px solid #A1ADAD;background:#fff;color:#000;font:inherit;transition:border-color .2s,box-shadow .2s}
input:focus{outline:2px solid #000;outline-offset:2px;border-color:#000}
button{margin-top:24px;width:100%;padding:14px;border:0;border-radius:999px;background:#10D451;color:#000;font:inherit;font-weight:700;cursor:pointer;transition:background .2s,color .2s,transform .2s}
button:hover{background:#000;color:#fff;transform:translateY(-2px)}button:active{transform:translateY(0)}button:focus-visible{outline:2px solid #000;outline-offset:3px}
.erro{background:#E0EBE7;border-left:4px solid #B33D9E;padding:10px 12px;border-radius:10px;margin-bottom:8px;color:#000}.rodape{color:#000;opacity:.65;font-size:10px;margin:24px 0 0;text-align:center;text-transform:uppercase;font-weight:700}
@keyframes chegar{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes flutuar-card{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes flutuar-forma{from{transform:translate3d(0,0,0)}to{transform:translate3d(-28px,24px,0)}}
@keyframes deslizar-linhas{from{transform:translate3d(0,0,0)}to{transform:translate3d(30px,-24px,0)}}
@media(max-width:850px){.login-layout{width:min(560px,calc(100% - 32px));grid-template-columns:1fr;gap:32px;padding:22px 0 40px}.apresentacao h2{font-size:42px;margin-bottom:16px}.descricao{font-size:14px}.recursos{margin-top:22px}.assinatura{display:none}.forma{width:650px;right:-350px;top:-120px}.linhas{width:700px;left:-360px;bottom:-100px}.repeticao{width:200px;right:-80px}.acesso{padding:28px 24px}.sobretitulo{margin-bottom:12px}}
@media(max-width:400px){.recurso{padding:12px 8px;gap:7px;font-size:11px}.icone{width:20px;height:20px}.recurso small{font-size:10px}.apresentacao h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}