/* Reset di base */
* { 
    box-sizing: border-box; 
    margin: 0; 
    padding: 0; 
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; 
}

/* BLOCCO TOTALE PAGINA */
html, body {
    height: 100%;
    width: 100%;
    overflow: hidden; /* Impedisce barre di scorrimento */
    position: fixed;  /* Fissa la posizione */
    overscroll-behavior: none; /* Impedisce il rimbalzo su mobile */
    touch-action: none; /* Disabilita i gesti di scroll */
    background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
}

body {
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-container {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    width: 90%;          /* Leggermente più stretto per i bordi */
    max-width: 400px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

h1 { 
    margin-bottom: 25px; 
    text-align: center; 
    font-weight: 300; 
    letter-spacing: 1px; 
    color: white; 
}

input {
    width: 100%;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.1);
    color: white;
    font-size: 16px; /* OBBLIGATORIO per non zoomare su iOS */
    outline: none;
    transition: 0.3s;
    appearance: none; /* Rimuove stile nativo mobile */
}

input:focus { border-color: #4facfe; background: rgba(255, 255, 255, 0.2); }

button {
    width: 100%;
    padding: 15px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(to right, #4facfe, #00f2fe);
    color: white;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
}

button:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 242, 254, 0.4);
}