.porta{--pm-fundo:linear-gradient(155deg, #12408f 0%, #0b2a66 55%, #071a42 100%);--pm-tx:#f4f8ff;--pm-tx-2:#e2ecffc2;--pm-linha:#ffffff24;--pm-picos:#fff6;z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100dvh;display:grid;position:relative}:root[data-tema=vidro-escuro] .porta{--pm-fundo:linear-gradient(155deg, #0e2a5e 0%, #081a3d 55%, #050f26 100%);--pm-picos:#00a8ff80}.porta-marca{isolation:isolate;background:var(--pm-fundo);color:var(--pm-tx);border-radius:24px;flex-direction:column;justify-content:space-between;gap:48px;margin:12px 0 12px 12px;padding:40px 48px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 30px 60px -34px #0a286e99}.porta-marca:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 0 0,#5096ff59,#0000 70%),radial-gradient(50% 40% at 100% 100%,#00beff38,#0000 70%);position:absolute;inset:0}.porta-logo{align-items:center;gap:12px;display:flex}.porta-logo img{object-fit:contain;filter:drop-shadow(0 0 12px #50aaff8c);width:36px;height:36px}.porta-logo span{align-items:baseline;gap:10px;display:flex}.porta-logo b{letter-spacing:.14em;font-size:18px;font-weight:700}.porta-logo i{color:var(--pm-tx);background:#ffffff1f;border-radius:999px;padding:3px 10px;font-size:13px;font-style:normal;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff29}.porta-pitch{max-width:520px}.porta-pitch h2{letter-spacing:-.02em;text-wrap:balance;margin:0 0 32px;font-size:clamp(30px,3.2vw,44px);font-weight:600;line-height:1.12}.porta-pitch ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.porta-pitch li{border-top:1px solid var(--pm-linha);flex-direction:column;gap:2px;padding:14px 0;display:flex}.porta-pitch li b{font-size:15px;font-weight:600}.porta-pitch li span{color:var(--pm-tx-2);font-size:14px}.porta-picos{z-index:-1;pointer-events:none;width:min(52%,420px);height:auto;position:absolute;bottom:-40px;right:-60px;overflow:visible}.porta-picos path{fill:none;stroke:var(--pm-picos);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.1s cubic-bezier(.65,0,.35,1) forwards porta-desenha}.porta-picos path:nth-child(2){animation-delay:.15s}.porta-picos path:nth-child(3){animation-delay:.3s}@keyframes porta-desenha{to{stroke-dashoffset:0}}.porta-lado{flex-direction:column;justify-content:center;align-items:center;padding:40px 24px 20px;display:flex}.porta-caixa{background:var(--v3);border:1px solid var(--linha-2);width:min(420px,100%);box-shadow:inset 0 1px 0 var(--v5), var(--sombra-vidro);-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4);animation:porta-chega .5s var(--ease) both;border-radius:24px;margin:auto 0;padding:34px 32px 30px}@keyframes porta-chega{0%{opacity:0;transform:translateY(10px)}}.porta-caixa h1{letter-spacing:-.02em;color:var(--tx);margin:0;font-size:28px;font-weight:700}.porta-sub{color:var(--t2);margin:6px 0 26px;font-size:15px}.porta-form{flex-direction:column;gap:16px;display:flex}.porta-campo{color:var(--tx);flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.porta-campo>div{border:1px solid var(--linha);background:var(--v4);border-radius:14px;align-items:center;gap:10px;height:48px;padding:0 8px 0 14px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.porta-campo>div:hover{border-color:color-mix(in srgb, var(--t2) 35%, var(--linha))}.porta-campo>div:focus-within{border-color:var(--lima);background:var(--v5);box-shadow:0 0 0 4px rgb(var(--ac-rgb) / 16%)}.porta-campo>div>svg{color:var(--t2);flex:none;font-size:17px}.porta-campo input{min-width:0;height:100%;color:var(--tx);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:15px;font-weight:500}.porta-campo input::placeholder{color:#101b2e5c;opacity:1;font-weight:400}:root[data-tema=vidro-escuro] .porta-campo input::placeholder{color:#d6e2f561}.porta-campo input::-ms-reveal{display:none}.porta-campo input::-ms-clear{display:none}.porta-olho{width:34px;height:34px;color:var(--t2);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;font-size:17px;display:grid}.porta-olho:hover{color:var(--tx);background:var(--v2)}.porta-olho:focus-visible{outline:2px solid var(--lima);outline-offset:1px}.porta-erro{color:var(--coral);border:1px solid color-mix(in srgb, var(--coral) 40%, transparent);background:color-mix(in srgb, var(--coral) 9%, transparent);border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.45}.porta-btn{background:var(--lima);height:50px;color:var(--lima-tx);font:inherit;cursor:pointer;box-shadow:0 14px 30px -14px rgb(var(--ac-rgb) / 75%), inset 0 1px 0 #ffffff38;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:15px;font-weight:700;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex}.porta-btn svg{transition:transform .2s var(--ease);font-size:17px}.porta-btn:hover:not(:disabled){background:var(--ac-claro);box-shadow:0 18px 36px -14px rgb(var(--ac-rgb) / 85%), inset 0 1px 0 #ffffff38}.porta-btn:hover:not(:disabled) svg{transform:translate(3px)}.porta-btn:active:not(:disabled){transform:translateY(1px)}.porta-btn:focus-visible{outline:2px solid var(--lima);outline-offset:3px}.porta-btn:disabled{cursor:wait;opacity:.85}.porta-gira{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite porta-gira}@keyframes porta-gira{to{transform:rotate(360deg)}}.porta-nota{border-top:1px solid var(--linha);color:var(--t2);margin:22px 0 0;padding-top:18px;font-size:13.5px;line-height:1.5}.porta-voltar{border:1px solid var(--linha-2);background:var(--v4);height:46px;color:var(--tx);border-radius:14px;justify-content:center;align-items:center;margin-top:22px;font-size:14px;font-weight:700;transition:background .15s;display:inline-flex}.porta-voltar:hover{background:var(--v5)}.porta-rodape{color:var(--t2);text-align:center;margin:24px 0 0;font-size:12.5px}@media (prefers-reduced-motion:reduce){.porta-picos path{stroke-dashoffset:0;animation:none}.porta-caixa{animation:none}}@media (max-width:900px){.porta{grid-template-columns:minmax(0,1fr);align-content:start}.porta-marca{border-radius:20px;gap:18px;margin:10px 10px 0;padding:22px 22px 24px}.porta-pitch h2{margin:0;font-size:22px}.porta-pitch ul{display:none}.porta-picos{width:150px;bottom:-30px;right:-24px}.porta-lado{justify-content:flex-start;padding:20px 16px}.porta-caixa{margin:0;padding:26px 22px 24px}}
