.elementor-3635 .elementor-element.elementor-element-ced754d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3635 .elementor-element.elementor-element-5ee0d5e{width:var( --container-widget-width, 44% );max-width:44%;--container-widget-width:44%;--container-widget-flex-grow:0;}.elementor-3635 .elementor-element.elementor-element-5ee0d5e.elementor-element{--align-self:center;}/* Start custom CSS for html, class: .elementor-element-5ee0d5e */* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Cairo', sans-serif; }

        body {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            background: linear-gradient(135deg, #783585, #964176, #DF614A);
            background-size: 200% 200%;
            animation: gradientAnimation 10s ease infinite;
        }

        @keyframes gradientAnimation {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        .login-container {
            width: 100%;
            max-width: 400px;
            padding: 40px;
            background: rgba(255, 255, 255, 0.95); /* خلفية بيضاء شبه شفافة لإبراز الشعار */
            border-radius: 20px;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
            text-align: center;
        }

        /* تنسيق الشعار */
        .logo-box {
            margin-bottom: 25px;
        }
        .logo-box img {
            max-width: 200px; /* حجم الشعار المناسب */
            height: auto;
        }

        .login-header { margin-bottom: 25px; }
        .login-header h2 { color: #783585; font-size: 22px; }

        .input-group { margin-bottom: 20px; text-align: right; }
        .input-group label { display: block; margin-bottom: 5px; font-size: 14px; color: #333; }
        .input-group input {
            width: 100%;
            padding: 12px;
            border: 2px solid #eee;
            border-radius: 10px;
            outline: none;
            transition: 0.3s;
        }
        .input-group input:focus { border-color: #DF614A; }

        .login-btn {
            width: 100%;
            padding: 12px;
            background: linear-gradient(135deg, #DF614A, #964176);
            border: none;
            border-radius: 10px;
            color: white;
            font-size: 16px;
            font-weight: 700;
            cursor: pointer;
            transition: 0.3s;
        }
        .login-btn:hover { opacity: 0.9; transform: translateY(-2px); }/* End custom CSS */