.porta{--porta-chao:var(--lavagem);--porta-quadra:#dee4ea;--porta-rua:#f8fafc;--porta-parque:#d5e6d8;--porta-agua:#cfdfec;--porta-vidro:rgba(255,255,255,.58);--porta-vidro-borda:rgba(255,255,255,.75);--porta-sombra:0 1px 1px rgba(16,20,26,.04),0 24px 60px -12px rgba(16,20,26,.22);--porta-campo:rgba(255,255,255,.72);--porta-campo-foco:rgba(255,255,255,.84);--porta-campo-borda:rgba(29,33,39,.12);--porta-mola:cubic-bezier(.34,1.4,.64,1);--porta-suave:cubic-bezier(.2,.8,.2,1);min-height:100svh;color:var(--tinta);position:relative}:root[data-tema=escuro] .porta{--porta-chao:var(--fundo);--porta-quadra:#191d23;--porta-rua:#262c35;--porta-parque:#16221b;--porta-agua:#13202c;--porta-vidro:rgba(28,32,39,.56);--porta-vidro-borda:rgba(255,255,255,.1);--porta-sombra:0 1px 1px rgba(0,0,0,.2),0 30px 70px -10px rgba(0,0,0,.6);--porta-campo:rgba(255,255,255,.06);--porta-campo-foco:rgba(255,255,255,.09);--porta-campo-borda:rgba(255,255,255,.12)}.porta-cidade{z-index:0;pointer-events:none;animation:60s ease-in-out infinite alternate porta-deriva;position:fixed;top:-6%;bottom:-6%;left:-6%;right:-6%}.porta-cidade svg{width:100%;height:100%;display:block}.porta-cidade .porta-c-chao{fill:var(--porta-chao)}.porta-cidade .porta-c-agua{fill:var(--porta-agua)}.porta-cidade .porta-c-parque{fill:var(--porta-parque)}.porta-cidade .porta-c-quadras{fill:var(--porta-quadra)}.porta-cidade .porta-c-ruas{stroke:var(--porta-rua);fill:none;stroke-linecap:round}.porta-cidade .porta-c-pinos{fill:var(--coral)}.porta-cidade .porta-c-pontos{fill:var(--terc);opacity:.55}@keyframes porta-deriva{to{transform:translate(-2.5%,-1.5%)scale(1.03)}}.porta-pino{transform-box:fill-box;transform-origin:50%;animation:porta-pulsa 3.2s var(--porta-suave)infinite}.porta-pino:nth-of-type(2n){animation-delay:1.1s}.porta-pino:nth-of-type(3n){animation-delay:2.1s}@keyframes porta-pulsa{0%,to{opacity:.9}50%{opacity:.35}}.porta-palco{z-index:1;flex-direction:column;align-items:center;min-height:100svh;padding:24px;display:flex;position:relative}.porta-meio{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.porta-cartao{background:var(--porta-vidro);-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);border:1px solid var(--porta-vidro-borda);width:min(400px,100%);box-shadow:var(--porta-sombra);animation:porta-entra .9s var(--porta-mola)both;transition:height .45s var(--porta-suave);border-radius:30px;padding:34px 32px 30px;position:relative;overflow:hidden}@keyframes porta-entra{0%{opacity:0;filter:blur(8px);transform:translateY(18px)scale(.96)}to{opacity:1;filter:none;transform:none}}.porta-cartao.porta-treme{animation:porta-treme .42s var(--porta-suave)}@keyframes porta-treme{20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.porta-icone{border-radius:15px;width:58px;height:58px;margin-bottom:22px;display:block;box-shadow:0 8px 20px -8px rgba(16,20,26,.4)}.porta-etapa{animation:porta-desliza .5s var(--porta-suave)both}.porta-etapa.porta-volta{animation-name:porta-desliza-volta}@keyframes porta-desliza{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:none}}@keyframes porta-desliza-volta{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:none}}.porta h1{letter-spacing:-.02em;color:var(--tinta);font-size:25px;font-weight:700;line-height:1.2}.porta-sub{color:var(--apoio);margin:6px 0 24px;font-size:15px;line-height:1.45}.porta-campo{margin-bottom:12px;position:relative}.porta-campo input,.porta-campo select{width:100%;height:56px;font:inherit;color:var(--tinta);background:var(--porta-campo);border:1px solid var(--porta-campo-borda);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s,box-shadow .25s var(--porta-suave),background .2s;border-radius:14px;outline:0;padding:22px 16px 6px;font-size:16px;line-height:24px;display:block}.porta-campo select{cursor:pointer;padding-right:34px}.porta-campo label{max-width:calc(100% - 30px);color:var(--terc);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;transform-origin:0 0;transition:transform .22s var(--porta-suave),color .2s;font-size:16px;line-height:20px;position:absolute;top:18px;left:17px;overflow:hidden}.porta-campo input::placeholder{color:transparent;transition:color .2s}.porta-campo input:focus::placeholder{color:var(--terc)}.porta-campo input:focus,.porta-campo input:not(:placeholder-shown),.porta-campo select{border-color:transparent}.porta-campo input:-webkit-autofill{border-color:transparent}.porta-campo input:focus,.porta-campo select:focus{box-shadow:0 0 0 3.5px color-mix(in srgb,var(--tinta)22%,transparent);background:var(--porta-campo-foco)}.porta-campo input:focus+label,.porta-campo input:not(:placeholder-shown)+label,.porta-campo select+label{color:var(--apoio);transform:translateY(-10px)scale(.76)}.porta-campo input:-webkit-autofill+label{color:var(--apoio);transform:translateY(-10px)scale(.76)}.porta-campo input:-webkit-autofill{-webkit-text-fill-color:var(--tinta);transition:background-color 600000s,color 600000s}.porta-campo .porta-com-ver{padding-right:92px}.porta-ver{min-width:44px;height:44px;color:var(--apoio);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 10px;font-size:13.5px;font-weight:700;position:absolute;top:6px;right:6px}.porta-seta{width:16px;height:16px;stroke:var(--apoio);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;top:20px;right:13px}.porta-dupla{grid-template-columns:1fr 104px;gap:10px;display:grid}.porta-aviso{min-height:20px;margin:2px 0 10px}.porta-erro{color:var(--coral-txt);animation:porta-aparece .25s var(--porta-suave)both;font-size:14px;font-weight:600;line-height:1.4}@keyframes porta-aparece{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.porta-botao{background:var(--tinta);width:100%;height:54px;color:var(--inverso);font:inherit;cursor:pointer;transition:transform .18s var(--porta-suave),opacity .2s;border:0;border-radius:15px;place-items:center;font-size:16.5px;font-weight:700;text-decoration:none;display:grid;position:relative}.porta-botao>*{grid-area:1/1}.porta-botao:active{transform:scale(.97)}.porta-botao:disabled{cursor:default}.porta-gira{border:2.5px solid color-mix(in srgb,var(--inverso)35%,transparent);border-top-color:var(--inverso);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite porta-gira;display:none}.porta-botao.porta-carrega .porta-txt{opacity:0}.porta-botao.porta-carrega .porta-gira{display:block}@keyframes porta-gira{to{transform:rotate(360deg)}}.porta-pe{text-align:center;color:var(--apoio);margin-top:20px;font-size:14.5px;line-height:1.5}.porta-link{font:inherit;color:var(--tinta);cursor:pointer;background:0 0;border:0;border-radius:8px;margin:-12px -2px;padding:12px 4px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.porta-link:hover{text-underline-offset:3px;text-decoration:underline}.porta-voltar{color:var(--apoio);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;min-height:44px;margin:-12px 0 4px -6px;padding:0 8px 0 4px;font-size:14.5px;font-weight:700;display:inline-flex}.porta-voltar svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.porta-feito{text-align:center;animation:porta-desliza .4s var(--porta-suave)both;flex-direction:column;align-items:center;padding:24px 0 10px;display:flex}.porta-feito svg{width:72px;height:72px;margin-bottom:14px}.porta-feito circle{fill:none;stroke:var(--verde);stroke-width:3px;stroke-dasharray:190;stroke-dashoffset:190px;animation:porta-risca .6s var(--porta-suave)forwards}.porta-feito path{fill:none;stroke:var(--verde);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40px;animation:porta-risca .35s var(--porta-suave).45s forwards}.porta-feito .porta-sub{margin-bottom:0}@keyframes porta-risca{to{stroke-dashoffset:0}}.porta-base{justify-content:center;align-items:center;padding-top:22px;display:flex}.porta-base img{width:auto;height:16px}.porta-tema{z-index:2;border:1px solid var(--porta-vidro-borda);background:var(--porta-vidro);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:44px;height:44px;color:var(--tinta);cursor:pointer;transition:transform .2s var(--porta-suave);border-radius:12px;place-items:center;display:grid;position:fixed;top:18px;right:18px}.porta-tema:active{transform:scale(.92)}.porta-tema svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;width:18px;height:18px}.porta-tema .porta-sol,:root[data-tema=escuro] .porta-tema .porta-lua{display:none}:root[data-tema=escuro] .porta-tema .porta-sol{display:block}.porta button:focus-visible{outline:3px solid var(--coral);outline-offset:2px}.porta a:focus-visible{outline:3px solid var(--coral);outline-offset:2px}@media (max-width:520px){.porta-cartao{border-radius:26px;padding:28px 22px 24px}.porta-meio{align-items:flex-start;padding-top:calc(12vh - 24px)}.porta-base{padding-top:20px}}@media (prefers-reduced-motion:reduce){.porta-cidade,.porta-pino,.porta-cartao,.porta-etapa,.porta-erro,.porta-feito,.porta-feito circle,.porta-feito path{animation:none!important}.porta-feito circle,.porta-feito path{stroke-dashoffset:0}.porta-cartao,.porta-campo input,.porta-campo select,.porta-campo label,.porta-botao,.porta-tema{transition:none}}