.login{--navy:#0f1f40;--navy-fondo:#081428;--oro:#f5b32b;--testo:#eaeffa;--tenue:rgba(234,239,250,0.62);position:relative;isolation:isolate;min-height:100svh;display:grid;place-items:center;padding:24px;overflow:hidden;background:radial-gradient(110% 80% at 50% 0,rgba(30,62,122,.55),transparent 60%),linear-gradient(170deg,#142a56 0,var(--navy) 45%,var(--navy-fondo) 100%);color:var(--testo);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.login .sfondo{position:absolute;inset:0;z-index:-1;pointer-events:none}.login .alone{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform}.login .a1{width:640px;height:640px;top:-260px;left:50%;margin-left:-320px;background:rgba(245,179,43,.13);animation:respiro 16s ease-in-out infinite}.login .a2{width:720px;height:720px;bottom:-380px;left:50%;margin-left:-360px;background:rgba(64,122,224,.22);animation:respiro 22s ease-in-out infinite reverse}@keyframes respiro{0%,to{transform:translate3d(-40px,0,0) scale(1)}50%{transform:translate3d(40px,24px,0) scale(1.12)}}.login .ponte{position:absolute;inset:auto 0 0 0;width:100%;height:auto;aspect-ratio:12/7;opacity:.55}.login .luce{stroke-dasharray:150 2600;stroke-dashoffset:2750;opacity:.85;animation:passaggio 9s cubic-bezier(.65,0,.35,1) infinite}@keyframes passaggio{0%{stroke-dashoffset:2750}55%,to{stroke-dashoffset:0}}.login .scheda{position:relative;width:100%;max-width:396px;padding:34px 32px 26px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:rgba(10,24,50,.62);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 30px 70px -20px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.07);animation:entrata .5s cubic-bezier(.22,1,.36,1) both}.login .scheda:before{content:"";position:absolute;top:-1px;left:22%;right:22%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--oro),transparent)}@keyframes entrata{0%{opacity:0;transform:translateY(14px)}}.login .marchio{display:block;width:auto;height:62px;margin:0 auto 18px}.login .intestazione{text-align:center;margin-bottom:24px}.login .intestazione h1{margin:0;font-size:21px;font-weight:600;letter-spacing:-.01em}.login .intestazione p{margin:6px 0 0;font-size:13px;line-height:1.45;color:var(--tenue)}.login .campo{display:block}.login .etichetta{display:block;margin-bottom:7px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tenue)}.login .guscio{display:flex;align-items:center;gap:4px;padding:0 6px 0 14px;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:rgba(4,14,32,.6);transition:border-color .18s ease,box-shadow .18s ease}.login .guscio:focus-within{border-color:var(--oro);box-shadow:0 0 0 3px rgba(245,179,43,.18)}.login .guscio.errore{border-color:rgba(244,118,118,.75)}.login .guscio input{flex:1;min-width:0;padding:12px 0;border:0;background:none;outline:none;color:var(--testo);font:inherit;font-size:14.5px;letter-spacing:.02em}.login .guscio input::-moz-placeholder{color:rgba(234,239,250,.3);letter-spacing:.14em}.login .guscio input::placeholder{color:rgba(234,239,250,.3);letter-spacing:.14em}.login .occhio{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:none;color:var(--tenue);cursor:pointer;transition:color .15s ease,background .15s ease}.login .occhio:hover{color:var(--testo);background:rgba(255,255,255,.07)}.login .occhio svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.login .avviso{margin:9px 0 0;min-height:17px;font-size:12.5px;color:#f47676}.login .avviso.visibile{animation:scossa .32s ease}@keyframes scossa{20%{transform:translateX(-5px)}50%{transform:translateX(4px)}80%{transform:translateX(-2px)}}.login .entra{width:100%;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:0;border-radius:11px;background:var(--oro);color:#0e2a47;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;transition:transform .14s ease,box-shadow .2s ease,filter .15s ease;box-shadow:0 10px 26px -12px rgba(245,179,43,.8)}.login .entra:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 14px 32px -12px rgba(245,179,43,.95)}.login .entra:active:not(:disabled){transform:translateY(1px)}.login .entra:disabled{opacity:.72;cursor:default}.login .entra .freccia{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease}.login .entra:hover:not(:disabled) .freccia{transform:translateX(3px)}.login .puntini{width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:8px 0 currentColor,16px 0 currentColor;margin-right:16px;animation:pulsa 1.1s linear infinite}@keyframes pulsa{0%,to{opacity:.25}50%{opacity:1}}.login .piede{margin:20px 0 0;text-align:center;font-size:11.5px;line-height:1.5;color:rgba(234,239,250,.42)}@media (max-width:420px){.login{padding:16px}.login .scheda{padding:28px 22px 22px}.login .marchio{height:52px}}@media (prefers-reduced-motion:reduce){.login .alone,.login .avviso.visibile,.login .luce,.login .puntini,.login .scheda{animation:none}.login .luce{opacity:0}}