html,body{margin:0;padding:0;width:100%;height:100%;font-family:'Montserrat',Arial,sans-serif;min-height:100vh;overflow:hidden;background-color:#001122;}:root{--rog-blue:#0066cc;}.home-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#001122;}.home-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}.home-image{width:100%;height:100%;object-fit:cover;object-position:center;border:3px solid var(--rog-blue);border-radius:5px;box-shadow:0 0 15px rgba(0,102,204,0.3);}.home-overlay{position:relative;z-index:2;width:100%;height:100%;}.home-content{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;}.btn-row{display:flex;gap:0;flex-wrap:wrap;justify-content:center;}.home-btn{position:absolute;cursor:pointer;background:transparent;border:none;color:transparent;text-decoration:none;outline:none;}.btn-obiettivi{top:60%;left:50%;width:14%;height:5%;}.btn-progetti{top:60%;right:13%;width:13%;height:7%;}.btw-filosofia{top:71.5%;left:50%;width:14%;height:5%;}.btn-community{top:83%;left:49.5%;width:15%;height:6%;}.btn-chisiamo{top:71.5%;right:13.5%;width:13%;height:6%;}.btn-gia-iscritto{top:83%;right:13%;width:15%;height:6%;}.home-btn:hover{background:rgba(255,255,255,0.2);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.3);}.home-btn:active{transform:translateY(0);}.section-image{width:calc(100% - 40px);max-width:1200px;margin:15px auto;border:3px solid var(--rog-blue);border-radius:5px;box-shadow:0 0 15px rgba(0,102,204,0.3);display:block;}.return-home{position:fixed;top:20px;right:20px;z-index:9999;width:50px;height:50px;background-color:rgba(0,0,0,0.5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;border:2px solid var(--rog-blue);transition:all 0.3s ease;}.return-home:hover{background-color:var(--rog-blue);transform:scale(1.1);}@media (max-width:768px){.home-content{gap:1.5rem;padding:1rem;}.btn-row{gap:1rem;flex-direction:column;width:100%;}.home-btn{font-size:1rem;padding:0.8rem 1.5rem;min-width:200px;}.rog-logo{width:120px;}}@media (max-width:480px){.home-btn{font-size:0.9rem;padding:0.7rem 1rem;min-width:180px;}.home-content{gap:1rem;}.rog-logo{width:100px;}.section-image{width:calc(100% - 20px);margin:10px auto;}}.auth-container{max-width:600px;margin:50px auto;padding:30px;background-color:rgba(255,255,255,0.95);border-radius:10px;box-shadow:0 0 20px rgba(0,102,204,0.5);border:3px solid var(--rog-blue);}.auth-title{color:var(--rog-blue);margin-bottom:20px;text-align:center;}.auth-form{display:flex;flex-direction:column;gap:15px;}.auth-input{padding:12px 15px;border:2px solid #ddd;border-radius:5px;font-size:16px;transition:all 0.3s ease;}.auth-input:focus{border-color:var(--rog-blue);outline:none;box-shadow:0 0 5px rgba(0,102,204,0.3);}.auth-button{background-color:var(--rog-blue);color:white;border:none;padding:12px;border-radius:5px;cursor:pointer;font-weight:bold;transition:all 0.3s ease;}.auth-button:hover{background-color:#0055aa;transform:translateY(-2px);}
/* Spinner animation for loading */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* Stringe solo l'acqua di Benvenut@ - ora usa larghezza standard */
.posizioni-container{
    display:flex;
    justify-content:center;   /* centra il contenuto nella pagina */
}
.posizioni-container .section-image{
    max-width:900px;    /* più stretta su schermi grandi */
    width:80%;          /* crea una cornice di sfondo ai lati */
}
/* Area personale: immagini giaiscritto3/4/5 usano le dimensioni standard */