.porta{min-height:100dvh;padding:var(--e-5) var(--e-4);background:radial-gradient(120% 80% at 50% 0%, var(--panell-suau) 0%, transparent 60%), var(--fons-marca);place-items:center;display:grid}.porta-panell{align-items:flex-start;gap:var(--e-3);width:min(100%,400px);padding:var(--e-6) var(--e-6) var(--e-5);border:1px solid var(--vora);border-radius:var(--radi-4);background:var(--panell);box-shadow:var(--ombra-2);animation:porta-entra var(--durada-llarga) var(--corba) both;flex-direction:column;display:flex}.porta-marca{margin-bottom:var(--e-3);border-radius:var(--radi-2)}.porta-titol{font-size:var(--t-6);letter-spacing:-.02em}.porta-text{color:var(--text-suau)}.porta-formulari{gap:var(--e-2);flex-direction:column;width:100%;display:flex}.porta-etiqueta{margin-top:var(--e-3);font-size:var(--t-2);font-weight:600}.porta-codi{min-height:46px;font-family:var(--lletra-mono);font-size:var(--t-4);letter-spacing:.06em}.porta-codi[aria-invalid=true]{border-color:var(--error)}.porta-error{padding:var(--e-2) var(--e-3);border-radius:var(--radi-2);background:var(--error-fons);color:var(--error);font-size:var(--t-2)}.porta-boto{width:100%;height:44px;margin-top:var(--e-3);font-size:var(--t-3)}@keyframes porta-entra{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.porta-panell{animation:none}}@media (max-width:420px){.porta-panell{padding:var(--e-5) var(--e-4) var(--e-4)}}