/* Pagina di accesso: testo a sinistra, modulo a destra (una colonna sotto i 900 px). */
body{min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.accesso{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:64px;align-items:center;max-width:1100px;margin-inline:auto;padding-block:clamp(48px,9vw,128px)}
.accesso-testo{display:flex;flex-direction:column;gap:20px}
.accesso-testo h1{margin:0;font-family:var(--f-display);font-weight:850;font-stretch:112%;font-size:clamp(40px,5.6vw,80px);line-height:.95;letter-spacing:-.03em;text-wrap:balance}
.accesso-testo h1 em{font-style:normal;color:var(--segnale)}
.accesso-testo p{margin:0;max-width:40ch;font-size:19px;color:var(--grafite)}
.accesso-modulo{display:flex;flex-direction:column;gap:18px;padding:32px;background:var(--lavagna);border:1px solid var(--traccia);border-radius:4px}
.accesso-modulo .btn{justify-content:center}
.avviso{margin:0;color:var(--segnale-vivo);font-size:15px}
.aiuto{margin:0;font-size:14px;color:var(--grafite)}
@media (max-width:900px){
  .accesso{grid-template-columns:minmax(0,1fr);gap:32px}
  .accesso-modulo{padding:20px}
}