.porta{--in:#0d1c25;--in2:#33444f;--link-filo:#0d1c2559;--campo-fondo:#ffffffb3;--campo-fondo-fuoco:#ffffffeb;--campo-bordo:#0d1c2524;--campo-bordo-su:#0d1c2542;--campo-fuoco:#306675;--campo-alone:#3066752e;--campo-errore:#b04a33;--campo-autofill:#eef6f8;--pillola-fondo:#fff9;--pillola-filo:#0d1c251f;--casella-filo:#0d1c2561;--casella-piena:#0d1c25;--avviso-fondo:#ffffffb8;--avviso-filo:#0d1c251f;--avviso-segno:#a8432c;--avviso-neutro-fondo:#ecf4f6cc;--entra-fondo:#0d1c25;--entra-testo:#f6fafb;--fuoco:#306675;isolation:isolate;min-height:100svh;font-family:var(--font-satoshi), "Helvetica Neue", Arial, sans-serif;color:var(--in);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#0d5a6a;position:relative;overflow-x:clip}.porta__fondo{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:clip}.porta__baia{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.porta__baia--nitida{background-image:-webkit-image-set(url(/flotta/estate/580-baia-1920.avif) 1x type("image/avif"),url(/flotta/estate/580-baia-1920.webp) 1x type("image/webp"));background-image:image-set("/flotta/estate/580-baia-1920.avif" 1x type("image/avif"),"/flotta/estate/580-baia-1920.webp" 1x type("image/webp"))}@media (min-width:900px){.porta__baia--nitida{background-image:-webkit-image-set(url(/flotta/estate/580-baia-2560.avif) 1x type("image/avif"),url(/flotta/estate/580-baia-2560.webp) 1x type("image/webp"));background-image:image-set("/flotta/estate/580-baia-2560.avif" 1x type("image/avif"),"/flotta/estate/580-baia-2560.webp" 1x type("image/webp"))}}.porta__baia--sfocata{background-image:url(/pannello/accesso/baia-sfocata.webp)}.porta__respiro{transform-origin:37% 47%;animation:porta-respiro calc(var(--dur-respiro) * 12) var(--ease-standard) infinite alternate;position:absolute;inset:0}@keyframes porta-respiro{0%{transform:scale(1)}to{transform:scale(1.045)}}.porta__caustiche{--barca:37% 47%;--barca-r:27% 17%;--fondale:32% 42% at 68% 64%;-webkit-mask-image:radial-gradient(var(--barca-r) at var(--barca), transparent 70%, #000 100%), radial-gradient(var(--fondale), #000 30%, transparent 100%);-webkit-mask-composite:source-in;-webkit-mask-image:radial-gradient(var(--barca-r) at var(--barca), transparent 70%, #000 100%), radial-gradient(var(--fondale), #000 30%, transparent 100%);mask-image:radial-gradient(var(--barca-r) at var(--barca), transparent 70%, #000 100%), radial-gradient(var(--fondale), #000 30%, transparent 100%);position:absolute;inset:0;overflow:clip;-webkit-mask-composite:source-in;mask-composite:intersect}.porta__luce{opacity:.26;mix-blend-mode:soft-light;background-repeat:repeat;position:absolute;inset:-60%}.porta__luce--a{animation:porta-scorri-a calc(var(--dur-respiro) * 22) linear infinite;background-image:url(/pannello/accesso/caustiche-a.png);background-size:820px}.porta__luce--b{opacity:.2;animation:porta-scorri-b calc(var(--dur-respiro) * 17) linear infinite;background-image:url(/pannello/accesso/caustiche-b.png);background-size:640px}@keyframes porta-scorri-a{to{transform:translate(-820px,-820px)}}@keyframes porta-scorri-b{to{transform:translate(640px,-640px)}}.porta__velo{background:linear-gradient(#ffffff1a,#fff0 30%,#0428342e 100%);position:absolute;inset:0}.porta[data-fermo=true] .porta__respiro,.porta[data-fermo=true] .porta__luce{animation-play-state:paused}.porta__pagina{grid-template-columns:min(452px,100%);place-content:safe center;justify-items:center;min-height:100svh;padding:clamp(72px,9vh,104px) 16px clamp(28px,6vh,64px);display:grid;position:relative}@media (min-height:541px){:root:has(.porta__pagina){overscroll-behavior:none;overflow:clip}:root:has(.porta__pagina) body{overscroll-behavior:none;overflow:clip}.porta__pagina{min-height:0;position:fixed;inset:0;overflow:clip}}@media (min-width:700px) and (min-height:541px){.porta__pagina{padding:16px}}.porta__scheda{isolation:isolate;width:100%;animation:porta-entra-scheda var(--dur-cinema) var(--ease-enter) both;border-radius:32px;padding:44px 42px 40px;position:relative;overflow:clip;box-shadow:0 50px 90px -44px #041e2c8c,0 4px 16px -8px #041e2c40}@keyframes porta-entra-scheda{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.porta__vetro{z-index:-2;border-radius:inherit;position:absolute;inset:0;overflow:clip}.porta__vetro>.porta__respiro{inset:auto;left:calc(var(--fx,0px) * -1);top:calc(var(--fy,0px) * -1);width:100vw;height:100vh}.porta__scheda:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(110% 50% at 20% -6%,#ffffff8c,#0000 60%),linear-gradient(165deg,#ffffff9e,#f6fbfcb3 55%,#ecf6f8c2);position:absolute;inset:0}.porta__scheda:after{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(150deg,#fff,#ffffff59 30%,#ffffff26 65%,#fffc);padding:1.2px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.porta__scheda>:not(.porta__vetro){animation:porta-entra-riga var(--dur-slow) var(--ease-enter) both;animation-delay:calc(var(--stagger-loose) + var(--stagger-tight) * var(--i,0))}@keyframes porta-entra-riga{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.porta__marchio{width:min(320px,100%);height:auto;margin:2px auto 34px;display:block;overflow:visible}.porta__titolo{text-align:center;letter-spacing:-.02em;color:var(--in);margin:0 0 26px;font-size:26px;font-weight:500;line-height:1.12}.porta__avviso{color:var(--in);background:var(--avviso-fondo);box-shadow:inset 0 0 0 1px var(--avviso-filo);animation:porta-entra-avviso var(--dur-base) var(--ease-emphasized) both;border-radius:16px;grid-template-columns:20px 1fr;align-items:start;gap:10px;margin:0 0 18px;padding:13px 15px;font-size:14.5px;line-height:1.45;display:grid}.porta__avviso svg{fill:none;width:20px;height:20px;stroke:var(--avviso-segno);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}.porta__avviso b{margin-bottom:2px;font-weight:600;display:block}.porta__avviso small{color:var(--in2);margin-top:4px;font-size:13.5px;display:block}.porta__avviso--neutro{background:var(--avviso-neutro-fondo)}.porta__avviso--neutro svg{stroke:var(--fuoco)}@keyframes porta-entra-avviso{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.porta__modulo{display:grid}.porta__campo{margin-bottom:16px;position:relative}.porta__riga{justify-content:space-between;align-items:center;gap:10px;min-height:30px;margin-bottom:7px;display:flex}.porta__campo label,.porta__riga label{color:var(--in2);font-size:14px;font-weight:500;display:block}.porta__campo>label{margin-bottom:7px}.porta__campo input{width:100%;min-height:52px;font:inherit;color:var(--in);background:var(--campo-fondo);border:1px solid var(--campo-bordo);caret-color:var(--in);transition:border-color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-base) var(--ease-emphasized);border-radius:16px;padding:0 16px;font-size:max(16px,1rem);display:block;box-shadow:inset 0 1px 2px #0d1c250f}.porta__campo input:hover{border-color:var(--campo-bordo-su)}.porta__campo input:focus{border-color:var(--campo-fuoco);background:var(--campo-fondo-fuoco);box-shadow:0 0 0 4px var(--campo-alone);outline:none}.porta__campo input[aria-invalid=true]{border-color:var(--campo-errore)}.porta__campo input:-webkit-autofill{-webkit-text-fill-color:var(--in);-webkit-box-shadow:inset 0 0 0 1000px var(--campo-autofill)}.porta__mostra{height:30px;font:inherit;color:var(--in2);background:var(--pillola-fondo);box-shadow:inset 0 0 0 1px var(--pillola-filo);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard), transform var(--dur-base) var(--ease-emphasized);border:0;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:13.5px;font-weight:500;display:inline-flex;position:relative}.porta__mostra:before{content:"";position:absolute;inset:-7px -2px}.porta__mostra:active{transform:scale(var(--press-scala));transition-duration:var(--dur-tap)}.porta__mostra svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:16px;height:16px}.porta__occhio-sbarra{stroke-dasharray:22;stroke-dashoffset:22px;transition:stroke-dashoffset var(--dur-base) var(--ease-emphasized)}.porta__mostra[aria-pressed=true] .porta__occhio-sbarra{stroke-dashoffset:0}.porta__maiuscole{color:var(--in2);animation:porta-entra-avviso var(--dur-fast) var(--ease-emphasized) both;align-items:center;gap:8px;margin:8px 0 0;font-size:13.5px;display:flex}.porta__maiuscole svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.porta__richiamo{color:var(--in);animation:porta-entra-avviso var(--dur-fast) var(--ease-emphasized) both;align-items:flex-start;gap:8px;margin:8px 0 0;font-size:13.5px;font-weight:500;line-height:1.4;display:flex}.porta__richiamo svg{fill:none;width:17px;height:17px;stroke:var(--avviso-segno);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:1px}.porta__sotto{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;min-height:44px;margin:2px 0 0;display:flex}.porta__ricorda{min-height:44px;color:var(--in);cursor:pointer;align-items:center;gap:10px;font-size:14.5px;font-weight:500;display:inline-flex;position:relative}.porta__spunta{opacity:0;cursor:pointer;width:44px;height:44px;margin:0;position:absolute;top:0;left:-11px}.porta__casella{background:var(--pillola-fondo);width:22px;height:22px;box-shadow:inset 0 0 0 1.5px var(--casella-filo);color:#fff;transition:background-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);border-radius:7px;flex:none;place-items:center;display:grid}.porta__casella svg{width:13px;height:13px}.porta__casella path{stroke-dasharray:16;stroke-dashoffset:16px;transition:stroke-dashoffset var(--dur-base) var(--ease-emphasized)}.porta__spunta:checked+.porta__casella{background:var(--casella-piena);box-shadow:none}.porta__spunta:checked+.porta__casella path{stroke-dashoffset:0}.porta__dimenticata{min-height:44px;color:var(--in);text-decoration:underline;-webkit-text-decoration-color:var(--link-filo);text-decoration-color:var(--link-filo);text-underline-offset:4px;border-radius:8px;align-items:center;font-size:14.5px;font-weight:500;display:inline-flex}.porta__ricorda-spiega{color:var(--in2);animation:porta-entra-avviso var(--dur-fast) var(--ease-emphasized) both;margin:0 0 4px 32px;font-size:13.5px;line-height:1.5}.porta__entra{width:100%;min-height:56px;font:inherit;color:var(--entra-testo);background:var(--entra-fondo);cursor:pointer;transition:transform var(--dur-base) var(--ease-emphasized), opacity var(--dur-fast) var(--ease-standard);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:18px;font-size:16.5px;font-weight:600;display:flex;position:relative;overflow:clip;box-shadow:inset 0 1px #ffffff2e,0 16px 30px -16px #041e2cb3}.porta__entra:active{transform:scale(var(--press-scala));transition-duration:var(--dur-tap)}.porta__entra svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.porta__giro{width:18px;height:18px;animation:porta-giro var(--dur-cinema) linear infinite;border:2px solid;border-right-color:#0000;border-radius:50%;display:none}.porta__entra[aria-busy=true] .porta__giro{display:block}.porta__entra[aria-busy=true] .porta__freccia{display:none}.porta__entra:disabled{cursor:default;opacity:.72}@keyframes porta-giro{to{transform:rotate(1turn)}}.porta__ritorno{text-align:center;color:var(--in2);margin:14px 0 0;font-size:13.5px}a.porta__entra{text-decoration:none}.porta__spiega{text-align:center;color:var(--in2);margin:0 0 18px;font-size:14.5px;line-height:1.5}.porta__aiuto{color:var(--in2);margin:8px 0 0;font-size:13.5px;line-height:1.5}.porta__torna{top:max(16px, env(safe-area-inset-top));z-index:5;height:44px;color:var(--in);isolation:isolate;border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 14px;font-size:14.5px;font-weight:500;text-decoration:none;display:inline-flex;position:fixed;left:16px;box-shadow:inset 0 1px #ffffff73,inset 0 0 0 1px #ffffff38,0 10px 24px -14px #0009}.porta__torna:before{content:"";z-index:-1;border-radius:inherit;-webkit-backdrop-filter:url(#lente-capsula)blur(1.5px)saturate(1.3)brightness(1.06);backdrop-filter:url(#lente-capsula)blur(1.5px)saturate(1.3)brightness(1.06);background:#ffffff6b;position:absolute;inset:0}@supports not ((-webkit-backdrop-filter:url(#lente-capsula)) or (backdrop-filter:url(#lente-capsula))){.porta__torna:before{-webkit-backdrop-filter:blur(3px)saturate(1.3)brightness(1.06);backdrop-filter:blur(3px)saturate(1.3)brightness(1.06)}}.porta__torna svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.porta__mostra:focus-visible,.porta__dimenticata:focus-visible,.porta__spunta:focus-visible+.porta__casella,.porta__entra:focus-visible,.porta__torna:focus-visible{outline:2px solid var(--fuoco);outline-offset:3px}.porta__solo-voce{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:clip}@media (max-width:520px){.porta__baia{background-position:74% 55%;background-size:cover}.porta__respiro{transform-origin:50%}.porta__caustiche{-webkit-mask-composite:source-over;-webkit-mask-image:linear-gradient(#0000 0 8%,#000 22% 70%,#0000 88%);mask-image:linear-gradient(#0000 0 8%,#000 22% 70%,#0000 88%);-webkit-mask-composite:source-over;mask-composite:add}.porta__pagina{place-content:start center;padding:18vh 14px 24px}.porta__scheda{border-radius:28px;padding:28px 22px 26px}.porta__campo input{border-radius:12px}.porta__marchio{width:min(270px,100%);margin-bottom:22px}.porta__titolo{margin-bottom:18px;font-size:23px}}@media (min-width:521px) and (max-height:760px){.porta__scheda{padding:30px 38px 28px}.porta__marchio{width:min(280px,100%);margin-bottom:20px}.porta__titolo{margin-bottom:18px}.porta__campo{margin-bottom:12px}.porta__campo input{min-height:48px}.porta__avviso{margin-bottom:14px;padding:11px 14px}.porta__entra{min-height:52px;margin-top:12px}}@media (min-width:521px) and (max-height:640px){.porta__scheda{padding:24px 36px 22px}.porta__marchio{width:min(240px,100%);margin-bottom:14px}.porta__titolo{margin-bottom:14px;font-size:23px}.porta__riga,.porta__campo>label{margin-bottom:5px}.porta__sotto,.porta__ricorda,.porta__dimenticata{min-height:40px}}@media (prefers-reduced-motion:reduce){.porta__scheda,.porta__scheda>*,.porta__avviso,.porta__maiuscole,.porta__richiamo,.porta__ricorda-spiega{animation:none}.porta__respiro,.porta__luce{animation-play-state:paused}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.porta__scheda:before{background:#f7fbfc}.porta__vetro{display:none}}
