body {
            background-color: #808080; /* Grigio medio */
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            margin: 0;
        }

        .login-box {
            background-color: #ffffff;
            padding: 25px;
            border-radius: 15px; /* Angoli arrotondati */
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Ombra leggera */
            width: 100%;
            max-width: 450px; /* Larghezza massima del box */
        }
        
        .login-box .logo-container {
            text-align: center;
            margin-bottom: 20px;
            position: relative;
        }

        .form-control-orange {
            border: 1px solid #ff8c00; 
            height: 30px; /* Altezza leggermente maggiore */
            padding: 5px 10px;
			max-width: 300px;
        }	
		
        .form-control-orange-otp {
            border: 1px solid #ff8c00;
            height: 40px;
            padding: 5px 10px;
            font-size: 1.1rem; /* Rende il codice più visibile */
            text-align: center;
            letter-spacing: 2px;
        }

        /* Pulsante Verifica e Accedi (Arancione) */
        .btn-verifica {
            background-color: #ec8816; 
            color: #000000;
            border: 1px solid #ec8816;
            font-weight: bold;
            padding: 8px 30px;
																   
        }
        .btn-verifica:hover {
            background-color: #f7992e;
            color: #ffffff;
        }		

        .btn-entra {
            background-color: #ec8816; /* Arancione Playnet */
            color: #000000;
            border: 1px solid #ec8816;
            font-weight: bold;
            padding: 8px 20px;
            margin-right: 10px; /* Spazio tra Entra e Registrati */
        }
        .btn-entra:hover {
            background-color: #f7992e; /* Arancione leggermente più chiaro per l'hover */
            color: #ffffff;
        }

        .btn-registrati {
            background-color: #f5f5f5;
            color: #000000;
            border: 1px solid #aeaeae;
            font-weight: normal;
            padding: 8px 20px;
        }
        .btn-registrati:hover {
            background-color: #bbbbbb;
            color: #ffffff;
        }
        
        .forgot-password-link {
            display: block;
            text-align: center;
            margin-top: 15px;
            color: #7952b3; /* Viola (per simulare il colore del link) */
            text-decoration: none;
            font-size: 14px;
        }
        .forgot-password-link:hover {
            text-decoration: underline;
        }
        
        /* Simbolo di chiusura 'X' */
        .close-btn {
            position: absolute;
            top: 5px;
            right: 5px;
            font-size: 24px;
            cursor: pointer;
            color: #000000;
        }