.login-container {
           min-height: 100vh;
           display: flex;
           justify-content: center;
           align-items: center;
           padding: 2rem;
           background: radial-gradient(circle at top right, #1e293b, #0f172a, #020617);
           position: relative;
           overflow: hidden;
       }

       /* Adorno brillante de fondo */
       .login-container::before {
           content: '';
           position: absolute;
           width: 300px;
           height: 300px;
           background: var(--secondary);
           filter: blur(150px);
           opacity: 0.1;
           top: 10%;
           left: 10%;
       }

       .login-card {
           background: rgba(15, 23, 42, 0.8);
           backdrop-filter: blur(12px);
           padding: 2.5rem;
           border-radius: 1.5rem;
           border: 1px solid rgba(255, 255, 255, 0.1);
           width: 100%;
           max-width: 400px;
           box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
           text-align: center;
           z-index: 10;
       }

       .login-header i {
           font-size: 2.5rem;
           color: #2dd4bf;
           margin-bottom: 1rem;
       }

       .login-header h1 {
           font-size: 1.8rem;
           margin-bottom: 0.5rem;
           color: white;
           font-weight: 800;
       }

       .login-header p {
           color: #9ca3af;
           margin-bottom: 2rem;
           font-size: 0.9rem;
       }

       .form-group {
           text-align: left;
           margin-bottom: 1.5rem;
       }

       .form-group label {
           display: block;
           font-size: 0.85rem;
           color: #e5e7eb;
           margin-bottom: 0.5rem;
           font-weight: 600;
       }

       .input-wrapper {
           position: relative;
       }

       .input-wrapper i {
           position: absolute;
           left: 1rem;
           top: 50%;
           transform: translateY(-50%);
           color: #6b7280;
       }

       .form-group input {
           width: 100%;
           padding: 0.8rem 1rem 0.8rem 2.8rem;
           background: rgba(255, 255, 255, 0.05);
           border: 1px solid rgba(255, 255, 255, 0.1);
           border-radius: 0.75rem;
           color: white;
           outline: none;
           transition: all 0.3s ease;
       }

       .form-group input:focus {
           border-color: #60a5fa;
           background: rgba(255, 255, 255, 0.1);
           box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.1);
       }

       .btn-login {
           width: 100%;
           padding: 0.8rem;
           background: linear-gradient(135deg, #60a5fa 0%, #2dd4bf 100%);
           border: none;
           border-radius: 0.75rem;
           color: white;
           font-weight: 700;
           cursor: pointer;
           transition: transform 0.2s;
           margin-top: 1rem;
       }

       .btn-login:hover {
           transform: translateY(-2px);
           filter: brightness(1.1);
       }

       .back-link {
           display: inline-block;
           margin-top: 1.5rem;
           color: #9ca3af;
           font-size: 0.85rem;
           text-decoration: none;
           transition: color 0.2s;
       }

       .back-link:hover {
           color: white;
       }