/* ============================================================
   ACCEDI E REGISTRATI «A TEATRO» (11/10/2026, richiesta di Michele: «voglio un po' di movimento, ora tutto statico»)
   Sopra auth.css, solo per login.html e registrati.html (body.acc). Le altre pagine di auth.css non cambiano.
   - a sinistra (sul telefono in testa, e sotto il modulo) il verde scuro con le macchie sfocate del sito
     (sito.css, .fondo-vivo): le luci si accendono all'apertura e respirano solo quando si vedono;
   - una giornata d'esempio (Accedi) o i 4 passi della prima configurazione (Registrati) che si muovono UNA volta;
   - il modulo entra in scena a pezzi; «Registrati gratis» una volta sola e grande.
   Regole del movimento come mv.js: solo transform e opacity; niente si muove per sempre tranne il respiro del
   fondo in vista (fermo a scheda nascosta); con «riduci movimento» (o se accesso.js non parte) html non ha .acc-js
   e tutto è visibile e fermo, alla fine di ogni scena.
   ============================================================ */
.acc{
  --gt:#166534;--gtg:#15803D;--gl:#86EFAC;--gl2:#4ADE80;--carta:#FFFCF7;
  --t2:#5E5853;--t3:#6B6560;--chiaro1:rgba(255,255,255,.88);--chiaro2:rgba(255,255,255,.76);
  --c-entra:cubic-bezier(.23,1,.32,1);--c-pannello:cubic-bezier(.32,.72,0,1);--c-viaggio:cubic-bezier(.77,0,.175,1);
  --c-respiro:cubic-bezier(.37,0,.63,1);--c-molla:cubic-bezier(.34,1.56,.64,1)
}
.acc a:focus-visible,.acc button:focus-visible,.acc input:focus-visible{outline:3px solid var(--g2);outline-offset:3px}
.acc .fondo-acc a:focus-visible{outline-color:var(--gl)}

/* ─── IL FONDO: verde scuro, macchie sfocate che respirano, alone che segue il mouse ─── */
.fondo-acc{position:relative;overflow:hidden;isolation:isolate;background-color:var(--dark);color:#fff}
.acc-luci{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}
html.acc-js .acc-luci{opacity:.25}
html.acc-js.acc-su .acc-luci{opacity:1;transition:opacity 1600ms var(--c-entra)}
.acc-strato{position:absolute;top:-160px;right:-16%;bottom:-160px;left:-16%;pointer-events:none}
.acc-a{background:radial-gradient(ellipse 58% 50% at 22% 28%,rgba(34,197,94,.26) 0%,rgba(34,197,94,0) 62%),radial-gradient(ellipse 46% 50% at 86% 82%,rgba(34,197,94,.16) 0%,rgba(34,197,94,0) 60%)}
.acc-b{background:radial-gradient(ellipse 40% 46% at 74% 18%,rgba(0,191,99,.18) 0%,rgba(0,191,99,0) 62%),radial-gradient(ellipse 52% 40% at 26% 90%,rgba(134,239,172,.1) 0%,rgba(134,239,172,0) 60%)}
.acc-griglia{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.034) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.034) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 85% 80% at 50% 42%,#000 18%,transparent 76%);mask-image:radial-gradient(ellipse 85% 80% at 50% 42%,#000 18%,transparent 76%)}
@keyframes accRespiroA{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(6%,-5%,0) scale(1.12)}}
@keyframes accRespiroB{from{transform:translate3d(0,0,0) scale(1.06);opacity:.7}to{transform:translate3d(-7%,5%,0) scale(1);opacity:1}}
html[data-mv="pieno"].acc-js .fondo-acc.in-vista .acc-a{will-change:transform;animation:accRespiroA 18s var(--c-respiro) infinite alternate}
html[data-mv="pieno"].acc-js .fondo-acc.in-vista .acc-b{will-change:transform,opacity;animation:accRespiroB 24s var(--c-respiro) infinite alternate}
html.acc-nascosta[data-mv].acc-js .fondo-acc.in-vista .acc-strato{animation-play-state:paused}
.acc-alone{position:absolute;left:0;top:0;width:640px;height:640px;margin:-320px 0 0 -320px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(74,222,128,.2) 0%,rgba(74,222,128,.07) 34%,rgba(74,222,128,0) 64%);opacity:0;will-change:transform;transition:opacity 300ms var(--c-entra),transform 700ms var(--c-entra)}
.acc-alone.on{opacity:1}

/* ─── IL PANNELLO DI SINISTRA (computer) ─── */
.acc .left{padding:40px 52px 36px}
@media(min-width:901px){.acc .left{grid-column:1;grid-row:1}.acc .right{grid-column:2;grid-row:1}}
.acc .left-brand .zc{width:156px}
.acc .left-content{padding:26px 0 22px;max-width:500px}
.acc-occh{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--gl);margin-bottom:16px}
.acc-punto{width:8px;height:8px;border-radius:50%;background:var(--g);box-shadow:0 0 0 4px rgba(34,197,94,.2)}
.acc .left-h{font-family:var(--fd);font-size:clamp(32px,3.2vw,46px);font-weight:800;line-height:1.06;letter-spacing:-.8px;color:#fff;margin-bottom:16px}
.acc .riga{display:block}
.acc-reg .left-h{font-size:clamp(30px,2.9vw,42px)}
.acc-sott{position:relative;white-space:nowrap;color:var(--gl)}
.acc-sott::after{content:'';position:absolute;left:0;right:0;bottom:.02em;height:.09em;min-height:3px;border-radius:3px;background:var(--g);transform-origin:left center}
.acc .left-sub{font-size:16px;line-height:1.6;color:var(--chiaro1);max-width:420px;margin-bottom:26px}
.acc-vant{list-style:none;display:flex;flex-direction:column;gap:12px;max-width:430px;margin-top:4px}
.acc-vant li{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.45;color:var(--chiaro1)}
.acc-vant li b{color:#fff}
.acc-sp{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:rgba(34,197,94,.18);color:var(--gl);display:flex;align-items:center;justify-content:center}
.acc-sp svg{width:13px;height:13px}
.acc-firma{position:relative;z-index:2;display:flex;align-items:center;gap:14px;max-width:450px;font-size:13.5px;line-height:1.45;color:var(--chiaro2)}
.acc-firma b{display:block;color:#fff;font-size:15px;font-weight:700;margin-bottom:2px}
.acc-firma-l{width:30px;height:2px;border-radius:2px;background:var(--g);flex-shrink:0}

/* ─── LA SCENA: una carta dell'app su fondo scuro (nomi e cifre d'esempio, come sul sito) ─── */
.acc-scena{position:relative;max-width:410px;margin:0 0 26px}
.acs-carta{position:relative;background:var(--carta);color:var(--t1);border-radius:22px;padding:14px 14px 14px;box-shadow:0 44px 80px -36px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.08)}
.acs-testa{display:flex;align-items:baseline;gap:8px;padding:2px 4px 11px}
.acs-testa b{font-family:var(--fd);font-size:18px;font-weight:800;letter-spacing:-.2px}
.acs-testa>span{font-size:12.5px;color:var(--t2);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acs-es{margin-left:auto;flex-shrink:0;align-self:center;font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--t2);background:var(--ivory2);padding:3px 8px;border-radius:6px}
.acs-lista{list-style:none;display:flex;flex-direction:column;gap:6px}
.acs-r{position:relative;display:flex;align-items:center;gap:10px;padding:10px 11px 10px 12px;border-radius:14px;background:#fff;border:1px solid rgba(20,18,16,.08)}
.acs-r .o{font-weight:800;font-size:13px;min-width:40px}
.acs-r .c{flex:1;min-width:0;display:flex;flex-direction:column}
.acs-r .c b{font-size:14px;line-height:1.25}
.acs-r .c span{font-size:12px;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acs-stato{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;line-height:1;padding:6px 9px;border-radius:999px;background:rgba(34,197,94,.14);color:var(--gt);white-space:nowrap}
.acs-stato svg{width:12px;height:12px;flex-shrink:0}
.acs-stato.scuro{background:var(--dark);color:var(--gl)}
.acs-r.acs-nuova::after{content:'';position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:16px;border:2px solid var(--g);opacity:0;pointer-events:none}
.acs-cassa{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:12px 14px;border-radius:14px;background:var(--dark);color:#fff}
.acs-cassa span{font-size:13px;color:var(--chiaro2)}
.acs-cassa strong{font-family:var(--fd);font-size:21px;font-weight:800;color:var(--gl);font-variant-numeric:tabular-nums}
/* i 4 passi (Registrati) */
.acs-barra{height:7px;border-radius:7px;background:var(--ivory2);overflow:hidden;margin:0 4px 10px}
.acs-barra i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,var(--g2),var(--g));transform-origin:left center}
.acs-passi{list-style:none;display:flex;flex-direction:column;gap:4px}
.acs-p{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:14px;background:#fff;border:1px solid rgba(20,18,16,.07)}
.acs-n{position:relative;flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;background:var(--ivory2);color:var(--t2)}
.acs-ok{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--g);color:#06210F;display:flex;align-items:center;justify-content:center}
.acs-ok svg{width:14px;height:14px}
.acs-p .c{flex:1;min-width:0;display:flex;flex-direction:column}
.acs-p .c b{font-size:14px;line-height:1.25}
.acs-p .c span{font-size:12px;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acs-pronta{display:flex;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;border-radius:14px;background:var(--dark);color:#fff;font-size:14px;line-height:1.35}
.acs-pronta b{color:var(--gl)}
.acs-pronta .acs-sp{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--g);color:#06210F;display:flex;align-items:center;justify-content:center}
.acs-pronta .acs-sp svg{width:15px;height:15px}

/* la scena si gioca una volta (accesso.js: .gioca sulla scena, .on su ogni pezzo col suo data-t) */
html.acc-js .acs-carta{opacity:0;transform:translate3d(0,30px,0) scale(.96)}
html.acc-js .acc-scena.gioca .acs-carta{opacity:1;transform:none;transition:opacity 700ms var(--c-pannello),transform 900ms var(--c-pannello)}
html.acc-js .acc-scena [data-t]{opacity:0}
html.acc-js .acc-scena .acs-r[data-t],html.acc-js .acc-scena .acs-p[data-t]{transform:translate3d(26px,0,0)}
html.acc-js .acc-scena .acs-stato[data-t],html.acc-js .acc-scena .acs-ok[data-t]{transform:scale(.4)}
html.acc-js .acc-scena .acs-cassa[data-t],html.acc-js .acc-scena .acs-pronta[data-t]{transform:translate3d(0,14px,0)}
html.acc-js .acc-scena [data-t].on{opacity:1;transform:none;transition:opacity 560ms var(--c-entra),transform 700ms var(--c-entra)}
html.acc-js .acc-scena .acs-stato[data-t].on,html.acc-js .acc-scena .acs-ok[data-t].on{transition:opacity 220ms var(--c-entra),transform 560ms var(--c-molla)}
html.acc-js .acs-r.acs-nuova.on::after{animation:accAnello 1500ms var(--c-entra) 380ms 1 both}
@keyframes accAnello{0%{opacity:0;transform:scale(.98)}25%{opacity:1}100%{opacity:0;transform:scale(1.04)}}
html.acc-js .acs-barra i{transform:scaleX(0);transition:transform 640ms var(--c-entra)}
html.acc-js .acs-cassa.sale strong{transform:scale(1.12);transition:transform 160ms var(--c-entra)}
html.acc-js .acs-cassa strong{display:inline-block;transition:transform 420ms var(--c-molla)}

/* ─── ENTRA IN SCENA (una volta all'apertura) ─── */
.acc .form-wrap{animation:none;max-width:420px}
html.acc-js:not(.acc-su) .acc-entra{opacity:0;transform:translate3d(0,22px,0)}
html.acc-js.acc-su:not(.acc-fatto) .acc-entra{transition:opacity 640ms var(--c-entra) calc(var(--i,0) * 75ms + 80ms),transform 780ms var(--c-entra) calc(var(--i,0) * 75ms + 80ms)}
html.acc-js:not(.acc-su) .acc-titolo .riga{opacity:0;transform:translate3d(0,.55em,0)}
html.acc-js.acc-su:not(.acc-fatto) .acc-titolo .riga{transition:opacity 700ms var(--c-entra) 160ms,transform 820ms var(--c-entra) 160ms}
html.acc-js.acc-su:not(.acc-fatto) .acc-titolo .riga:nth-child(2){transition-delay:250ms}
html.acc-js.acc-su:not(.acc-fatto) .acc-titolo .riga:nth-child(3){transition-delay:340ms}
html.acc-js:not(.acc-su) .acc-sott::after{opacity:0;transform:scaleX(.02)}
html.acc-js.acc-su:not(.acc-fatto) .acc-sott::after{transition:transform 760ms var(--c-viaggio) 950ms,opacity 120ms linear 950ms}

/* ─── IL MODULO ─── */
.acc .form-header{margin-bottom:26px}
.acc .form-eyebrow{font-size:12px;letter-spacing:1.4px;color:var(--gt);font-weight:800}
.acc-login .form-eyebrow{display:none}
.acc .form-h{font-size:clamp(30px,3vw,40px);letter-spacing:-.8px;line-height:1.05;margin-bottom:10px}
.acc .form-sub{font-size:15.5px;color:var(--t2)}
.acc .form-sub a,.acc .terms-txt a{color:var(--gt);font-weight:800;text-decoration:underline;text-decoration-color:rgba(22,163,74,.45);text-decoration-thickness:2px;text-underline-offset:3px}
.acc .form-sub a:hover,.acc .terms-txt a:hover{color:var(--g2);text-decoration-color:var(--g)}
.acc .btn-google{min-height:54px;font-size:15.5px;font-weight:700;border-radius:16px;transition:transform 200ms var(--c-entra),box-shadow 240ms var(--c-entra),border-color 200ms}
.acc .btn-google:active{transform:scale(.98)}
.acc .div-txt{font-size:13px;color:var(--t3)}
.acc .field label{font-size:14px;font-weight:700;color:var(--t1)}
.acc .forgot-link{font-size:13.5px;color:var(--gt);font-weight:700}
.acc .field input{font-size:16px;min-height:52px;border-radius:14px;padding-left:42px}
.acc .field input::placeholder{color:#8A827B}
.acc .field-icon{left:14px;transition:color 200ms,transform 320ms var(--c-molla)}
.acc .field-wrap:focus-within .field-icon{transform:translateY(-50%) scale(1.18)}
.acc .field-err{font-size:13px}
.acc .rem-lbl,.acc .terms-txt{font-size:14px;color:var(--t2)}
/* le caselle si vedono (prima il bordo era al 10%: «Accetto i Termini» serve per registrarsi) */
.acc .rem-cb,.acc .terms-cb{width:22px;height:22px;border-radius:6px;border:2px solid #8A827B;transition:background-color 160ms,border-color 160ms,transform 280ms var(--c-molla)}
.acc .rem-cb:checked,.acc .terms-cb:checked{background:var(--g2);border-color:var(--g2)}
.acc .rem-cb:checked::after,.acc .terms-cb:checked::after{background-size:14px}
.acc .rem-cb:active,.acc .terms-cb:active{transform:scale(.86)}
.acc .remember-left{gap:10px}
.acc .terms-row{align-items:flex-start;justify-content:flex-start;gap:10px}
.acc .terms-cb{margin-top:1px}
.acc .btn-submit{min-height:58px;font-size:16.5px;font-weight:800;border-radius:16px;transition:transform 220ms var(--c-entra),box-shadow 260ms var(--c-entra),background-color 220ms}
.acc .btn-submit:active:not(:disabled){transform:scale(.98)}
.acc .btn-submit::after{content:'';position:absolute;top:0;bottom:0;left:-45%;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.28),rgba(255,255,255,0));transform:translate3d(-30%,0,0) skewX(-14deg);pointer-events:none}
@media(hover:hover) and (pointer:fine){
  html[data-mv="pieno"] .acc .btn-submit:hover:not(:disabled)::after{transform:translate3d(360%,0,0) skewX(-14deg);transition:transform 900ms var(--c-viaggio)}
}
.acc .form-footer{margin-top:22px;font-size:14px}
.acc .form-footer a{color:var(--t2);font-weight:600}
.acc .reset-panel{border-radius:16px}

/* gli avvisi vanno a capo sul telefono e stanno sopra la striscia dei cookie */
.acc .toast{white-space:normal;max-width:calc(100vw - 32px);width:max-content;border-radius:16px;line-height:1.4;z-index:10001}
/* errori leggibili (rosso scuro 6:1 sull'avorio) col loro segno disegnato, non il simbolo ⚠ che sui telefoni diventa un'emoji */
.acc .field-err{color:#B91C1C;font-weight:600;gap:6px;align-items:center}
.acc .field-err::before{content:'!';flex-shrink:0;width:16px;height:16px;border-radius:50%;background:#B91C1C;color:#fff;font-size:11px;font-weight:800;line-height:16px;text-align:center}
.acc .pwd-label{font-size:12.5px}
.acc .pwd-label.w{color:#B91C1C}
.acc .pwd-label.m{color:#92400E}
.acc .pwd-label.s{color:var(--gt)}
/* bersagli comodi col dito: l'occhio della password, «Password dimenticata?», i link in fondo */
.acc .pwd-toggle{right:4px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px}
.acc .field input#password{padding-right:50px}
.acc .forgot-link{padding:8px 0;margin:-8px 0}
.acc .form-footer a{display:inline-block;padding:8px 4px}
/* recupero password: campo a 16 px (l'iPhone non ingrandisce) e «Torna al login» ora e' un bottone */
.acc .reset-input{font-size:16px}
.acc .btn-cancel-reset{width:100%;background:none;border:0;padding:10px 0;font-family:var(--ff);font-size:14px;color:var(--t2);font-weight:600}
.acc .btn-cancel-reset:hover{color:var(--t1)}

/* «Registrati gratis» una volta sola, grande (Accedi) */
.acc-nuova{margin-top:26px;padding-top:24px;border-top:1px solid var(--border);text-align:center}
.acc-nuova-t{font-family:var(--fd);font-size:21px;font-weight:800;letter-spacing:-.3px;color:var(--t1);margin-bottom:12px}
.acc-nuova-btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:62px;padding:14px 22px;border-radius:16px;background:var(--g);color:#06210F;font-family:var(--ff);font-size:19px;font-weight:800;text-decoration:none;box-shadow:0 14px 32px -10px rgba(34,197,94,.65);transition:transform 220ms var(--c-entra),box-shadow 260ms var(--c-entra),background-color 200ms}
.acc-nuova-btn svg{width:20px;height:20px;flex-shrink:0;transition:transform 260ms var(--c-entra)}
.acc-nuova-btn:hover{background:#2FD16A;transform:translateY(-2px);box-shadow:0 18px 38px -10px rgba(34,197,94,.75)}
.acc-nuova-btn:hover svg{transform:translateX(4px)}
.acc-nuova-btn:active{transform:scale(.98)}
.acc-nuova-btn::after{content:'';position:absolute;top:0;bottom:0;left:-45%;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.6),rgba(255,255,255,0));transform:translate3d(-30%,0,0) skewX(-14deg);pointer-events:none}
html[data-mv="pieno"].acc-js .acc-nuova-btn.luce::after{transform:translate3d(360%,0,0) skewX(-14deg);transition:transform 1100ms var(--c-viaggio)}
.acc-nuova-sub{margin-top:10px;font-size:14.5px;color:var(--t2)}

/* ─── LA TESTA VERDE DEL TELEFONO (sotto i 901 px il pannello di sinistra va sotto il modulo) ─── */
.acc-testa-tel{display:none}
@media(max-width:900px){
  .acc .right{padding:0 0 34px;justify-content:flex-start;min-height:0}
  .acc .left{display:flex;min-height:0;padding:34px 22px 40px;border-radius:28px 28px 0 0}
  .acc .left-brand,.acc .left .acc-occh,.acc .left .left-h,.acc .left .left-sub{display:none}
  .acc .left-content{padding:0;max-width:440px;width:100%;margin:0 auto}
  .acc .acc-scena{margin:0 auto 26px;width:100%}
  .acc .acc-vant{margin:0 auto 26px;width:100%}
  .acc .acc-firma{margin:0 auto;width:100%;max-width:440px}
  .acc-testa-tel{display:block;width:100%;padding:18px 22px 24px;border-radius:0 0 28px 28px;margin-bottom:22px}
  .acc-testa-tel .acc-logo{display:flex;width:max-content;margin-bottom:16px}
  .acc-testa-tel .acc-logo img{width:124px;height:auto}
  .acc-testa-tel .acc-occh{display:flex;width:max-content;margin-bottom:8px}
  .acc-testa-tel .acc-tit{font-family:var(--fd);font-size:clamp(25px,6.8vw,34px);font-weight:800;line-height:1.06;letter-spacing:-.6px;color:#fff}
  .acc .form-wrap{padding:0 22px;max-width:464px}
  .acc .form-header{margin-bottom:20px}
  .acc .form-eyebrow{display:none}
  .acc-nuova{margin-top:20px;padding-top:20px}
}
@media(max-width:480px){.acc .right{padding:0 0 30px}}
@media(max-width:900px) and (max-height:760px){
  .acc-testa-tel{padding:12px 20px 16px;margin-bottom:16px}
  .acc-testa-tel .acc-logo{margin-bottom:10px}
  .acc-testa-tel .acc-logo img{width:108px}
  .acc-testa-tel .acc-occh{display:none}
  .acc-testa-tel .acc-tit{font-size:21px;letter-spacing:-.4px}
  .acc .form-header{margin-bottom:14px}
  .acc .form-h{font-size:26px;margin-bottom:6px}
  .acc .btn-google{min-height:48px;margin-bottom:14px}
  .acc .divider{margin-bottom:14px}
  .acc .form-fields{gap:10px}
  .acc .field input{min-height:48px}
  .acc .remember-row{margin-bottom:14px}
  .acc .btn-submit{min-height:52px;margin-bottom:0}
  .acc-nuova{margin-top:14px;padding-top:14px}
  .acc-nuova-t{font-size:18px;margin-bottom:8px}
  .acc-nuova-btn{min-height:56px}
}
/* tablet (561-900 px): la striscia dei cookie in alto come sul telefono, cosi' non copre il bottone del modulo */
@media(min-width:561px) and (max-width:900px) and (min-height:501px){
  #ckb{top:0;bottom:auto;left:0;right:0;transform:none;width:100%;max-width:none;border-width:0 0 .5px;border-radius:0 0 16px 16px}
}

/* ─── COMPUTER BASSI: il pannello resta in una schermata ─── */
@media(min-width:901px) and (max-height:1010px){.acc-vant{display:none}}
@media(min-width:901px) and (max-height:760px){.acc .left-sub{display:none}.acc .left{padding-top:30px;padding-bottom:28px}}
@media(min-width:901px) and (max-height:660px){.acc .acc-scena{display:none}}
@media(min-width:901px) and (max-height:820px){
  .acc .right{padding-top:28px;padding-bottom:28px}
  .acc .form-header{margin-bottom:16px}
  .acc .form-h{font-size:32px}
  .acc .btn-google{min-height:48px;margin-bottom:14px}
  .acc .divider{margin-bottom:14px}
  .acc .form-fields{gap:10px}
  .acc .field input{min-height:46px}
  .acc .terms-row,.acc .remember-row{margin-bottom:14px}
  .acc .btn-submit{min-height:52px}
}

@media(prefers-reduced-motion:reduce){
  .acc-alone{display:none}
  .acc .btn-submit::after,.acc-nuova-btn::after{display:none}
  .acc .field-icon{transition:color 200ms}
}