.porteira{--gema:#ffc53d;--urucum:#f0482a;--cafe:#1c1917;--creme:#fff8ec;isolation:isolate;background:radial-gradient(120% 70% at 50% 0%, #fff3d6 0%, var(--creme) 55%);min-height:100dvh;color:var(--cafe);font-family:var(--f-rubik), system-ui, sans-serif;flex-direction:column;display:flex;position:relative;overflow:hidden}.porteira-sol{z-index:-1;aspect-ratio:1;background:radial-gradient(circle, var(--gema) 0 22%, transparent 22.2%);border-radius:50%;width:min(160vw,860px);animation:1.4s cubic-bezier(.2,.8,.2,1) both nascer;position:absolute;top:58%;left:50%;translate:-50% -50%}.porteira-raios{background:repeating-conic-gradient(#ffc53d52 0deg 7deg,#0000 7deg 20deg);border-radius:50%;animation:60s linear infinite girar;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 24%,#000 25% 40%,#0000 62%);mask:radial-gradient(circle,#0000 24%,#000 25% 40%,#0000 62%)}.porteira-miolo{text-align:center;flex-direction:column;flex:1;align-items:center;width:100%;max-width:560px;margin:0 auto;padding:clamp(28px,6vh,64px) 20px 32px;display:flex}.porteira-selo{background:var(--cafe);color:var(--creme);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:700;animation:.6s ease-out .1s both subir;display:inline-flex}.porteira-ponto{background:var(--urucum);border-radius:50%;width:8px;height:8px;animation:1.8s ease-out infinite pulsar;box-shadow:0 0 #f0482ab3}.porteira-logo{width:min(86vw,420px);color:var(--cafe);margin:clamp(36px,9vh,88px) 0 0;position:relative}.porteira-logo svg{width:100%;height:auto;display:block;overflow:visible}.mugindo .logo-u,.mugindo .logo-exclamacao{transform-box:fill-box;transform-origin:50% 100%;animation:3.6s cubic-bezier(.3,1.6,.5,1) infinite mugir}.mugindo .logo-u1{animation-delay:.5s}.mugindo .logo-u2{animation-delay:.62s}.mugindo .logo-u3{animation-delay:.74s}.mugindo .logo-u4{animation-delay:.86s}.mugindo .logo-exclamacao{animation-name:pular;animation-delay:1s}.porteira-chamada{letter-spacing:-.02em;text-wrap:balance;margin:clamp(28px,5vh,44px) 0 0;font-size:clamp(26px,6.6vw,38px);font-weight:900;line-height:1.02;animation:.7s ease-out .5s both subir}.porteira-slogan{color:#5e534c;margin:12px 0 0;font-size:17px;animation:.7s ease-out .65s both subir}.porteira-promessas{flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.porteira-promessas li{box-shadow:0 0 0 1.5px var(--cafe), 3px 3px 0 var(--cafe);text-wrap:balance;background:#fff;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;animation:.6s ease-out both subir}.porteira-cartao{background:var(--gema);width:100%;box-shadow:0 0 0 2px var(--cafe), 6px 7px 0 var(--cafe);text-align:left;border-radius:24px;margin-top:32px;padding:22px 20px 18px;animation:.7s ease-out 1.3s both subir}.porteira-rotulo{letter-spacing:-.01em;font-size:20px;font-weight:900;display:block}.porteira-linha{gap:10px;margin-top:12px;display:flex}.porteira-linha input{border:2px solid var(--cafe);background:var(--creme);min-width:0;min-height:56px;color:var(--cafe);font:inherit;letter-spacing:.12em;text-transform:uppercase;border-radius:14px;flex:1;padding:0 16px;font-size:19px;font-weight:700}.porteira-linha input::placeholder{color:#8a7d72;letter-spacing:0;text-transform:none;font-weight:500}.porteira-linha input:focus-visible{outline:3px solid var(--urucum);outline-offset:2px}.porteira-linha button{border:2px solid var(--cafe);background:var(--urucum);color:#fff;min-height:56px;font:inherit;box-shadow:3px 4px 0 var(--cafe);border-radius:999px;padding:0 22px;font-size:18px;font-weight:800;transition:transform .12s,box-shadow .12s,opacity .2s}.porteira-linha button:not(:disabled):hover{box-shadow:4px 5px 0 var(--cafe);transform:translate(-1px,-1px)}.porteira-linha button:not(:disabled):active{box-shadow:0 0 0 var(--cafe);transform:translate(3px,4px)}.porteira-linha button:disabled{opacity:.8;box-shadow:1px 2px 0 var(--cafe)}.porteira-ajuda{color:#4a3a0e;min-height:1.4em;margin:12px 0 0;font-size:14px}.porteira-ajuda.erro{color:#9c1f0a;font-weight:700}.porteira-ajuda.certo{font-weight:700}.balancando{animation:.45s balancar}.porteira-pasto{color:var(--creme);margin-top:24px;position:relative}.porteira-pasto svg{width:100%;height:70px;fill:var(--cafe);display:block}.porteira-rodape{padding:4px 20px calc(22px + env(safe-area-inset-bottom));background:var(--cafe);letter-spacing:.06em;justify-content:center;gap:10px;margin-top:-1px;font-size:14px;font-weight:700;display:flex}@media (max-width:420px){.porteira-selo{letter-spacing:.06em;font-size:11px}.porteira-promessas li{font-size:13px}}@keyframes nascer{0%{opacity:0;transform:translateY(80px)scale(.9)}to{opacity:1;transform:none}}@keyframes girar{to{rotate:360deg}}@keyframes subir{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pulsar{70%{box-shadow:0 0 0 9px #f0482a00}to{box-shadow:0 0 #f0482a00}}@keyframes mugir{0%,22%,to{transform:none}8%{transform:translateY(-9%)scale(1.1,1.14)}15%{transform:translateY(1%)scale(1.04,.96)}}@keyframes pular{0%,26%,to{transform:none}9%{transform:translateY(-18%)rotate(-10deg)}17%{transform:translateY(2%)rotate(4deg)}}@keyframes balancar{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@media (prefers-reduced-motion:reduce){.porteira *,.porteira :before{animation:none!important}}