/* login.php */
* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; }
        body { 
            background: linear-gradient(135deg, #f0f4f8 0%, #d9e2ec 100%); 
            display: flex; justify-content: center; align-items: center; min-height: 100vh; 
        }
        
        .login-wrapper { width: 100%; max-width: 420px; padding: 20px; }
        .login-container { 
            background: #ffffff; padding: 40px 35px; border-radius: 16px; 
            box-shadow: 0 10px 40px rgba(0,0,0,0.08); text-align: center; position: relative; overflow: hidden;
        }
        
        .login-logo { width: 80px; margin-bottom: 15px; }
        .login-title { color: #0f172a; font-size: 24px; font-weight: 700; margin-bottom: 5px; letter-spacing: -0.5px; }
        .login-subtitle { color: #64748b; font-size: 14px; margin-bottom: 30px; }
        
        .input-group { margin-bottom: 20px; text-align: left; position: relative; }
        .input-group label { display: block; color: #475569; font-size: 13px; font-weight: 600; margin-bottom: 8px; }
        .input-group i { position: absolute; left: 15px; top: 38px; color: #94a3b8; font-size: 16px; }
        .input-group input { 
            width: 100%; padding: 14px 15px 14px 42px; border: 1px solid #cbd5e1; 
            border-radius: 10px; font-size: 14.5px; color: #334155; transition: all 0.3s; background: #f8fafc;
        }
        .input-group input:focus { border-color: #0ea5e9; background: #fff; outline: none; box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.15); }
        
        .form-switch-link { text-align: right; margin-bottom: 20px; margin-top: -5px; }
        .form-switch-link a { color: #0ea5e9; font-size: 13px; font-weight: 600; text-decoration: none; transition: color 0.3s; }
        .form-switch-link a:hover { color: #0284c7; text-decoration: underline; }

        .submit-btn { 
            width: 100%; background: #0ea5e9; color: #ffffff; border: none; padding: 15px; 
            border-radius: 10px; font-size: 15px; font-weight: 600; cursor: pointer; 
            transition: all 0.3s; display: flex; justify-content: center; align-items: center; gap: 8px;
        }
        .submit-btn:hover { background: #0284c7; transform: translateY(-2px); box-shadow: 0 6px 15px rgba(14, 165, 233, 0.3); }
        .submit-btn:disabled { background: #94a3b8; cursor: not-allowed; transform: none; box-shadow: none; }
        
        .g-recaptcha { display: flex; justify-content: center; margin-bottom: 20px; }
        .login-footer { margin-top: 25px; font-size: 12px; color: #94a3b8; font-weight: 500; }
        .hidden-form { display: none; }
        .info-box { background: #f0f9ff; color: #0369a1; padding: 12px; border-radius: 8px; font-size: 13px; margin-bottom: 20px; border-left: 4px solid #0ea5e9; text-align: left; }