.login { max-width: 360px; margin: 12vh auto 0; padding: 24px; background: var(--pannello); border: 1px solid var(--bordo); border-radius: 10px; }
.login .logo-img { width: 200px; height: auto; margin: 0 0 16px; }
.login h1 { margin: 0 0 4px; font-size: 15px; color: var(--accento-chiaro); }
.login .sotto { margin: 0 0 20px; color: var(--testo-secondario); }
.login .btn-primary { width: 100%; min-height: 44px; font-size: 14px; }
.login .form-input { min-height: 44px; font-size: 16px; } /* 16px: il telefono non ingrandisce la pagina al focus */
@media (max-width: 480px) { .login { margin: 0; border: 0; border-radius: 0; min-height: 100%; } }