.accesso{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;min-height:100vh;padding:16px;display:grid}.vetrina{color:#fff;isolation:isolate;background:radial-gradient(60% 50% at 85% 10%,#ffffff59,#0000 70%),radial-gradient(50% 45% at 10% 95%,#06e9a08c,#0000 70%),linear-gradient(150deg,#0a8fd6 0%,#08b9c4 50%,#06d9a6 100%);border-radius:34px;flex-direction:column;min-height:calc(100vh - 32px);padding:clamp(28px,4vw,56px);display:flex;position:relative;overflow:hidden}.vetrina:before{content:"";z-index:-1;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");position:absolute;inset:0}.vetrina .logo{z-index:1;background:#fff;border-radius:16px;align-self:flex-start;padding:10px 14px;position:relative;box-shadow:0 10px 30px -10px #06232f59}.vetrina .logo img{width:auto;height:26px;display:block}.vetrina h1{letter-spacing:-.045em;color:#fff;text-shadow:0 2px 30px #06232f2e;max-width:13ch;margin-top:auto;font-size:clamp(36px,4.2vw,58px);font-weight:800;line-height:1;position:relative}.vetrina p{color:#ffffffeb;max-width:40ch;margin-top:14px;font-size:17px;font-weight:600;position:relative}.scena{aspect-ratio:1.45;perspective:1800px;pointer-events:none;width:78%;position:absolute;top:13%;right:-14%}.finestra{transform-style:preserve-3d;background:#fffffff0;border-radius:26px;grid-template-columns:22% 1fr;gap:4%;padding:4%;display:grid;position:absolute;inset:0;transform:rotateX(14deg)rotateY(-22deg)rotate(6deg);box-shadow:0 60px 90px -30px #0428348c,inset 0 0 0 1px #fff9}.finestra .lato-f{background:#f3f8fb;border-radius:16px;align-content:start;gap:9%;padding:10% 9%;display:grid}.finestra .lato-f i{background:#dbe7ee;border-radius:6px;height:10px;display:block}.finestra .lato-f i.on{background:linear-gradient(90deg,#0aa2e3,#06e9a0);width:85%}.finestra .lato-f i:nth-child(3){width:70%}.finestra .lato-f i:nth-child(4){width:78%}.finestra .contenuto-f{grid-template-rows:auto auto 1fr;gap:5%;display:grid}.finestra .kpi-f{grid-template-columns:repeat(3,1fr);gap:4%;display:grid}.finestra .kpi-f div{background:#fff;border:1px solid #e8eff4;border-radius:14px;gap:8px;padding:9% 10%;display:grid}.finestra .kpi-f b{background:#c9d8e1;border-radius:6px;width:70%;height:14px;display:block}.finestra .kpi-f em{border-radius:999px;width:42%;height:9px;display:block}.finestra .kpi-f div:first-child em{background:#c6f0de}.finestra .kpi-f div:nth-child(2) em{background:#fde3a7}.finestra .kpi-f div:nth-child(3) em{background:#cfe8fb}.finestra .righe-f{gap:7px;display:grid}.finestra .righe-f div{align-items:center;gap:8px;display:flex}.finestra .righe-f .tondo{border-radius:50%;flex:none;width:18px;height:18px}.finestra .righe-f .tondo.ig{background:linear-gradient(135deg,#7a5cf0,#c845a9 60%,#f6a03a)}.finestra .righe-f .tondo.fb{background:#1877f2}.finestra .righe-f span{background:#dbe7ee;border-radius:5px;flex:1;height:8px}.finestra .righe-f span:last-child{background:#c6f0de;border-radius:999px;flex:none;width:18%;height:12px}.finestra .grafico-f{background:#fff;border:1px solid #e8eff4;border-radius:16px;position:relative;overflow:hidden}.finestra .grafico-f svg{width:100%;height:100%;position:absolute;inset:0}.badge-f{background:#fff;border-radius:20px;align-items:center;gap:12px;width:36%;padding:14px;display:flex;position:absolute;bottom:3%;right:30%;transform:translateZ(60px)rotateX(14deg)rotateY(-22deg)rotate(6deg);box-shadow:0 30px 60px -20px #04283480}.badge-f svg{flex:none;width:46px;height:46px}.badge-f .testo-f{flex:1;gap:7px;display:grid}.badge-f .pill-f{color:#0b8a63;white-space:nowrap;background:#e2f7ee;border-radius:999px;align-self:start;padding:4px 10px;font-size:12px;font-weight:800}.badge-f i{background:#dbe7ee;border-radius:5px;width:80%;height:8px;display:block}.modulo-box{place-items:center;padding:30px 20px;display:grid}.modulo-accesso{grid-template-columns:minmax(0,1fr);gap:14px;width:min(400px,100%);display:grid}.modulo-accesso h2{letter-spacing:-.03em;font-size:30px;font-weight:800}.modulo-accesso .sotto{margin-top:-6px}.modulo-accesso .primario{padding:14px 22px}.modulo-accesso .campo input{font-size:16px}.google{cursor:pointer;background:#fff;border:1px solid #e3ebf0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:13px;font-weight:800;display:flex}.google:hover{border-color:var(--contorno)}.google svg{width:18px;height:18px}.google:disabled{opacity:.6;cursor:progress}.oppure{color:var(--grigio-2);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-size:13px;font-weight:600;display:grid}.oppure:before,.oppure:after{content:"";background:var(--linea);height:1px}.riga-lab{justify-content:space-between;align-items:center;display:flex!important}.riga-lab .collega{font-size:13px}.collega.centro{justify-self:center}.campo input.codice{letter-spacing:.3em;padding:4px 0;font-size:28px;font-weight:800}.invito{border-top:1px solid var(--linea);color:var(--grigio);padding-top:14px;font-size:13.5px}.errore,.info{border-radius:16px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.errore{background:var(--giu-fondo);color:var(--giu-testo)}.info{background:var(--fatto-fondo);color:var(--fatto-testo)}.errore>span:first-child,.info>span:first-child{color:#fff;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:12px;display:grid}.errore>span:first-child{background:var(--giu-testo)}.info>span:first-child{background:var(--fatto-testo)}.qr{border:1px solid var(--linea);background:#fff;border-radius:20px;justify-self:center;width:200px;height:200px;padding:8px}.chiave{color:var(--grigio);font-size:13px}.chiave summary{cursor:pointer;font-weight:700}.chiave code{word-break:break-all;letter-spacing:.05em;color:var(--inchiostro);background:#f7fafc;border-radius:12px;margin-top:8px;padding:10px 12px;font-size:14px;display:block}@media (max-width:900px){.accesso{grid-template-columns:1fr}.vetrina{min-height:300px}.scena{display:none}}