body {
           background: linear-gradient(135deg, #023047 0%, #012130 100%);
           min-height: 100vh;
           display: flex;
           flex-direction: column;
           align-items: center;
           justify-content: center;
           padding: 10px;
        }
        
        .container {
           width: 100%;
           max-width: 1200px;
           margin: 0 auto;
           padding: 0 15px;
        }
        
        .disney-logo {
           width: 160px;
           margin: 40px 0;
        }
        
        .login-card {
           background: white;
           border-radius: 16px;
           width: 100%;
           max-width: 480px;
           padding: 40px 20px;
           box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
           margin: 0 auto;
        }
        
        .mydisney-logo {
           width: 120px;
           margin-bottom: 24px;
        }
        
        .login-title {
           font-size: 24px;
           font-weight: bold;
           color: #1a1a1a;
           margin-bottom: 8px;
        }
        
        .login-subtitle {
           color: #6e6e6e;
           font-size: 15px;
           margin-bottom: 24px;
        }
        
        .form-control {
           background-color: #f5f5f5;
           border: none;
           padding: 16px;
           height: auto;
           font-size: 15px;
        }
        
        .form-control:focus {
           background-color: #f5f5f5;
           box-shadow: none;
           border: 2px solid #0063e5;
        }
        
        .btn-continue {
           background-color: #000000;
           color: white;
           border: none;
           padding: 14px;
           border-radius: 25px;
           width: 100%;
           font-weight: 500;
           margin-top: 24px;
           transition: all 0.3s ease;
        }
        
        .btn-continue:hover {
           background-color: #0063e5;
           transform: translateY(-2px);
           box-shadow: 0 4px 15px rgba(0, 99, 229, 0.3);
        }
        
        .btn-continue:disabled {
           background-color: #0063e5;
           opacity: 0.9;
           box-shadow: 0 0 20px rgba(0, 99, 229, 0.5);
           cursor: not-allowed;
        }
        
        .input-group-text {
           background-color: #f5f5f5;
           border: none;
           color: #6e6e6e;
        }
        
        .modal-content {
           background: white;
           border-radius: 16px;
        }
        
        .modal-header {
           border-bottom: 1px solid #f5f5f5;
        }
        
        .modal-body img {
           max-width: 100%;
           border-radius: 8px;
        }
        
        #loading {
           display: none;
           text-align: center;
           margin-top: 20px;
           color: white;
           height: 0;
           overflow: hidden;
        }
        
        #loading.show {
           height: auto;
        }
        
        #resultado {
           display: flex;
           justify-content: center;
           align-items: center;
           margin-top: 20px;
           max-width: 100%;
           overflow-x: hidden;
        }
        
        .disney-code-container {
           background: white;
           border-radius: 16px;
           width: 100%;
           max-width: 480px;
           padding: 40px;
           box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
           text-align: center;
           margin: 20px auto;
           word-wrap: break-word;
        }
        
        .disney-code-container img {
           max-width: 120px;
           margin-bottom: 24px;
        }
        
        .disney-code-container h1 {
           font-size: 24px;
           font-weight: bold;
           color: #1a1a1a;
           margin-bottom: 20px;
        }
        
        .disney-code-container p {
           color: #6e6e6e;
           font-size: 15px;
           margin-bottom: 20px;
        }
        
        @media (max-width: 576px) {
           body {
               padding: 0;
               justify-content: flex-start;
               padding-top: 20px;
           }
           
           .container {
               width: 99%;
               padding: 0 5px;
           }
           
           .disney-logo {
               margin: 20px 0;
           }
        
           .login-card {
               padding: 20px 15px;
           }
        
           .disney-code-container {
               padding: 20px;
           }
        }