.acesso{--marca: #8E4FEB;--marca-forte: #7A3BD8;--marca-texto: #6B2FD1;--escuro: #1E1033;--sobre-marca: #FFFFFF;--borda-campo: #DDD9E3;--fundo-campo: #F8F7FA;box-sizing:border-box;margin:0;min-height:100vh;min-height:100dvh;padding:14px;background:#edf1ee;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.acesso *{box-sizing:border-box}.acesso .quadro{display:grid;grid-template-columns:1.08fr 1fr;min-height:calc(100vh - 28px);min-height:calc(100dvh - 28px);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 24px 60px #1e10331f}.acesso .painel{position:relative;overflow:hidden;color:#fff;background:var(--escuro);padding:44px 56px 0;display:flex;flex-direction:column}.acesso .painel:before,.acesso .painel:after{content:"";position:absolute;pointer-events:none;background-repeat:no-repeat;background-size:contain}.acesso .painel:before{width:200px;aspect-ratio:1205 / 779;right:7%;top:64px;background-image:url(/img/fundo/estrela-7-painel.png)}.acesso .painel:after{width:120%;aspect-ratio:2200 / 1451;right:0;bottom:-14%;background-image:url(/img/fundo/swirl-2-painel.png)}.acesso .painel>*{position:relative;z-index:1}.acesso .marca-topo{display:flex;align-items:center;gap:12px}.acesso .marca-topo .mini{width:46px;height:auto;flex:none}.acesso .marca-topo .logo-trily{height:49px;width:auto;color:#fff}.acesso .chamada{margin-top:clamp(40px,11vh,120px);max-width:560px}.acesso .eyebrow{margin:0 0 18px;font-size:15px;font-weight:700;letter-spacing:.16em;color:var(--marca)}.acesso .chamada h2{margin:0 0 20px;font-size:clamp(37px,3.85vw,57px);line-height:1.04;font-weight:800;letter-spacing:-.03em;color:#fff}.acesso .chamada .texto{margin:0;font-size:23px;line-height:1.55;color:#ffffffc7;max-width:480px}.acesso .painel .grande{margin-top:auto;align-self:flex-end;width:min(62%,420px,46vh);height:auto;margin-right:-64px;margin-bottom:-34px;overflow:visible;filter:drop-shadow(0 18px 30px rgba(0,0,0,.22))}.acesso .mascote .olho{transform-box:fill-box;transform-origin:center}.acesso .form-lado{display:grid;place-items:center;padding:48px 56px;background:#fff}.acesso .acesso-cx{width:100%;max-width:400px}.acesso .acesso-cx h1{margin:0 0 8px;font-size:39px;line-height:1.08;font-weight:700;letter-spacing:-.025em;color:var(--escuro);text-align:left}.acesso .acesso-cx .sub{margin:0 0 28px;font-size:17px;line-height:1.55;color:#52525b;text-align:left}.acesso .acesso-cx a{color:var(--marca-texto);font-weight:600;text-decoration:none}.acesso .acesso-cx a:hover{text-decoration:underline}.acesso .rotulo{display:block;margin:0 0 7px;font-size:15px;font-weight:600;color:#27272a}.acesso .linha-rotulo{display:flex;justify-content:space-between;align-items:baseline}.acesso .linha-rotulo a{font-size:15px}.acesso .campo{display:block;width:100%;height:50px;margin:0 0 18px;padding:0 16px;font:inherit;font-size:17px;color:#18181b;background:var(--fundo-campo);border:1px solid var(--borda-campo);border-radius:12px;outline:none;transition:border-color .15s,box-shadow .15s,background-color .15s}.acesso .campo::placeholder{color:#9aa39e}.acesso .campo:hover{border-color:#c3cfc8}.acesso .campo:focus{background:#fff;border-color:var(--marca);box-shadow:0 0 0 4px #8e4feb2e}.acesso .campo-icone{position:relative}.acesso .campo-icone .ic{position:absolute;left:16px;top:25px;transform:translateY(-50%);width:19px;height:19px;color:#8a968f;pointer-events:none}.acesso .campo-icone:focus-within .ic{color:var(--marca-texto)}.acesso .campo-icone.com-botao .campo{padding-right:50px}.acesso .ver-senha{position:absolute;right:6px;top:6px;width:38px;height:38px;padding:0;display:grid;place-items:center;background:transparent;border:0;border-radius:9px;color:#8a968f;cursor:pointer}.acesso .ver-senha:hover{color:var(--escuro);background:#1e10330f}.acesso .ver-senha:focus-visible{outline:2px solid var(--marca);outline-offset:1px}.acesso .ver-senha svg{width:20px;height:20px}.acesso .ver-senha .fechado,.acesso .ver-senha[aria-pressed=true] .aberto{display:none}.acesso .ver-senha[aria-pressed=true] .fechado{display:block}.acesso .btn-largo{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:50px;margin:0 0 12px;padding:0 16px;font:inherit;font-size:17px;font-weight:600;color:#27272a;text-decoration:none;cursor:pointer;background:#fff;border:1px solid var(--borda-campo);border-radius:12px;transition:background-color .15s,border-color .15s,transform .05s,box-shadow .15s}.acesso .acesso-cx a.btn-largo{color:#27272a;font-weight:600;text-decoration:none}.acesso .btn-largo:hover{background:#f4f7f5;border-color:#c3cfc8}.acesso .btn-largo:focus-visible{outline:3px solid rgba(142,79,235,.45);outline-offset:2px}.acesso .btn-largo.primario,.acesso .acesso-cx a.btn-largo.primario{color:var(--sobre-marca);font-weight:700;background:var(--marca);border-color:var(--marca);box-shadow:0 8px 20px #8e4feb47}.acesso .btn-largo.primario:hover{background:var(--marca-forte);border-color:var(--marca-forte)}.acesso .btn-largo:active{transform:translateY(1px)}.acesso .btn-largo svg{width:18px;height:18px}.acesso .btn-largo .ic-social{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none}.acesso .btn-largo .ic-social svg{width:20px;height:20px}.acesso .btn-largo .ic-social b{font-size:21px;line-height:1}.acesso .ou{display:flex;align-items:center;gap:14px;margin:22px 0;font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8a968f}.acesso .ou:before,.acesso .ou:after{content:"";flex:1;height:1px;background:#e4eae6}.acesso .acesso-pe{margin:20px 0 0;text-align:center;font-size:16px;color:#52525b}.acesso .ajuda{font-size:14px;color:#71717a}.acesso .aviso{margin:0 0 18px;padding:11px 14px;font-size:16px;line-height:1.45;background:#fef2f2;border:1px solid #FECACA;border-radius:10px}@media(max-width:899px){.acesso{padding:0;background:var(--escuro)}.acesso .quadro{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;border-radius:0;box-shadow:none;background:transparent}.acesso .painel{flex:none;flex-direction:row;align-items:center;justify-content:space-between;padding:calc(22px + env(safe-area-inset-top,0px)) 24px 46px}.acesso .painel:before{width:120px;right:150px;top:14px}.acesso .painel:after{display:none}.acesso .chamada,.acesso .marca-topo .mini{display:none}.acesso .marca-topo .logo-trily{height:44px}.acesso .painel .grande{margin:0 -6px -34px 0;width:132px;align-self:flex-end;z-index:0}.acesso .form-lado{position:relative;z-index:2;margin-top:-26px;padding:30px 22px 40px;border-radius:26px 26px 0 0;flex:1 1 auto;place-items:start center}.acesso .acesso-cx h1{font-size:32px}}@media(max-width:899px)and (min-width:600px){.acesso .form-lado{padding-top:44px}}@media(min-width:900px)and (max-height:760px){.acesso .form-lado{padding-top:22px;padding-bottom:22px}.acesso .acesso-cx .sub{margin-bottom:18px}.acesso .campo{margin-bottom:12px}.acesso .btn-largo{margin-bottom:9px}.acesso .ou{margin:14px 0}.acesso .acesso-pe{margin-top:14px}}@media(min-width:900px){.acesso .quadro{height:calc(100vh - 28px);height:calc(100dvh - 28px);min-height:560px;grid-template-rows:minmax(0,1fr)}.acesso .painel{min-height:0}.acesso .form-lado{min-height:0;overflow-y:auto}}@media(min-width:900px)and (min-height:588px){html{overflow:hidden}}@media(prefers-reduced-motion:reduce){.acesso .campo,.acesso .btn-largo{transition:none}}.acesso{--escuro: #000;--marca: #804FF5;--marca-forte: #5B0DAD;--marca-texto: #5B0DAD;--borda-campo: rgba(0, 0, 0, .35);--fundo-campo: #fff;background:#f4f4f5}.acesso .quadro{box-shadow:none;border-radius:32px}.acesso .eyebrow{color:#a1a1aa;letter-spacing:.08em}.acesso .chamada h2{font-weight:700;letter-spacing:-.02em;line-height:1.08}.acesso .chamada h2 em{font-style:italic;color:var(--marca)}.acesso .acesso-cx h1{color:#000;letter-spacing:-.02em}.acesso .campo{border-radius:999px;padding:0 22px}.acesso .campo-icone .campo{padding-left:46px}.acesso .campo:hover{border-color:#000}.acesso .campo:focus{border-color:#000;box-shadow:0 0 0 4px #804ff52e}.acesso .btn-largo{border-radius:999px;height:52px;border-color:#00000059}.acesso .btn-largo:hover{background:#f4f4f5;border-color:#000}.acesso .btn-largo:focus-visible{outline-color:#804ff573}.acesso .btn-largo.primario,.acesso .acesso-cx a.btn-largo.primario{color:#fff;font-weight:600;background:#000;border-color:#000;box-shadow:none}.acesso .ou{color:#a1a1aa;letter-spacing:.08em}.acesso .ou:before,.acesso .ou:after{background:#e4e4e7}.acesso{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:#f1f1f1;padding:12px}.acesso .quadro{grid-template-columns:1fr 1fr;gap:12px;background:transparent;border-radius:0;box-shadow:none;overflow:visible}.acesso .painel{background:#c178fd;padding:0;border-radius:20px;align-items:center;justify-content:center}.acesso .painel:before,.acesso .painel:after{display:none}.acesso .painel .rosto{width:72%;max-width:560px;height:auto}.acesso .form-lado{background:transparent;padding:32px 24px}.acesso .acesso-cx{max-width:380px}.acesso .logo-form{display:block;width:150px;height:auto;margin:0 auto 28px}.acesso .acesso-cx h1{margin:0 0 8px;font-size:18px;line-height:1.3;font-weight:700;letter-spacing:0;color:#111;text-align:center}.acesso .acesso-cx .sub{margin:0 0 24px;font-size:13px;line-height:1.5;color:#9ca3af;text-align:center}.acesso .rotulo{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#6b7280}.acesso .linha-rotulo{margin-bottom:6px}.acesso .linha-rotulo .rotulo{margin-bottom:0}.acesso .acesso-cx .linha-rotulo a{font-size:12px;font-weight:400;color:#6b7280}.acesso .acesso-cx a{color:#111}.acesso .campo{height:44px;margin:0 0 14px;padding:0 14px;font-size:14px;color:#111;background:#fff;border:1.5px solid rgba(0,0,0,.12);border-radius:12px;box-shadow:none}.acesso .campo::placeholder{color:#9ca3af}.acesso .campo:hover{border-color:#0000001f}.acesso .campo:focus{border-color:#111;box-shadow:none;background:#fff}.acesso .campo-icone .campo{padding-left:40px}.acesso .campo-icone .ic{left:14px;top:22px;width:17px;height:17px;color:#9ca3af}.acesso .campo-icone:focus-within .ic{color:#111}.acesso .ver-senha{top:3px}.acesso .btn-largo,.acesso .acesso-cx a.btn-largo{height:43px;margin:0 0 10px;font-size:14px;font-weight:700;color:#0d0d0f;background:#fff;border:1.5px solid rgba(0,0,0,.12);border-radius:12px;box-shadow:none}.acesso .btn-largo:hover{background:#fff;border-color:#0000004d}.acesso .btn-largo.primario,.acesso .acesso-cx a.btn-largo.primario{color:#fff;background:#0d0d0f;border-color:#0d0d0f;box-shadow:none}.acesso .btn-largo.primario:hover{background:#26262a;border-color:#26262a}.acesso .btn-largo .ic-social,.acesso .btn-largo .ic-social svg{width:18px;height:18px}.acesso .ou{margin:16px 0;font-size:11px;font-weight:400;letter-spacing:.06em;color:#8a8a8a}.acesso .ou:before,.acesso .ou:after{background:#0000001a}.acesso .acesso-pe{font-size:13px;color:#6b7280}.acesso .ajuda{font-size:12px;color:#6b7280}.acesso .aviso{font-size:13px;border-radius:12px}@media(min-width:900px){.acesso .quadro{height:calc(100vh - 24px);height:calc(100dvh - 24px)}}@media(max-width:899px){.acesso{padding:0;background:#f1f1f1}.acesso .painel{display:none}.acesso .form-lado{margin-top:0;border-radius:0;padding:calc(32px + env(safe-area-inset-top,0px)) 22px 40px}.acesso .acesso-cx h1{font-size:18px}}
