.elementor-51 .elementor-element.elementor-element-f709f44{--display:flex;}.elementor-widget-login .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-login__logged-in-message{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-51 .elementor-element.elementor-element-6045ad5.elementor-element{--align-self:flex-start;}.elementor-51 .elementor-element.elementor-element-6045ad5 .elementor-field-group{margin-bottom:6px;}.elementor-51 .elementor-element.elementor-element-6045ad5 .elementor-form-fields-wrapper{margin-bottom:-6px;}body .elementor-51 .elementor-element.elementor-element-6045ad5 .elementor-field-group > label{padding-bottom:0px;}.elementor-51 .elementor-element.elementor-element-6045ad5 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-51 .elementor-element.elementor-element-6045ad5 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}/* Start custom CSS for login, class: .elementor-element-6045ad5 *//* =========================================
   LOGIN / REGISTER — MATCH VIP MONTHLY (NEON VIP)
   Paste in: Login Widget → Advanced → Custom CSS
   ========================================= */

.elementor-51 .elementor-element.elementor-element-6045ad5{
  direction: rtl;
  position: relative;
  overflow: hidden;
  border-radius: 18px;

  /* VIP neon variables */
  --mA: rgba(199, 210, 254, .95);  /* soft lilac */
  --mB: rgba(129, 140, 248, .92);  /* indigo */
  --mC: rgba(216, 180, 254, .85);  /* pink-lilac */
  --mStroke: rgba(196, 181, 253, .55);

  padding: 28px !important;

  background:
    radial-gradient(760px 320px at 18% 0%, rgba(167,139,250,.42), transparent 55%),
    radial-gradient(520px 240px at 90% 12%, rgba(255,255,255,.10), transparent 60%),
    radial-gradient(520px 240px at 20% 120%, rgba(216,180,254,.12), transparent 60%),
    linear-gradient(180deg, rgba(8, 12, 22, .94), rgba(5, 8, 16, .94));
  border: 1px solid rgba(255,255,255,.10);

  box-shadow:
    0 22px 80px rgba(0,0,0,.60),
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 26px 92px rgba(129, 140, 248, .14);

  font-family: "Cairo","Tajawal","IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}

/* soft glow ring */
.elementor-51 .elementor-element.elementor-element-6045ad5:before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius: 18px;
  pointer-events:none;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, .12),
    rgba(216,180,254,.20),
    rgba(129,140,248,.18),
    rgba(255, 209, 122, .10));
  opacity: .65;
  filter: blur(10px);
}

/* --- FORM WRAPPER (Elementor / WP / Woo) --- */
.elementor-51 .elementor-element.elementor-element-6045ad5 :where(form, .elementor-login, .woocommerce-form-login){
  margin: 0 !important;
}

.elementor-51 .elementor-element.elementor-element-6045ad5 :where(.elementor-field-group, p){
  margin-bottom: 14px !important;
}

/* Labels */
.elementor-51 .elementor-element.elementor-element-6045ad5 :where(label, .elementor-field-label){
  display: block;
  margin: 0 0 8px !important;
  color: rgba(255,255,255,.82) !important;
  font-weight: 800;
  letter-spacing: .2px;
}

/* Inputs */
.elementor-51 .elementor-element.elementor-element-6045ad5 :where(
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="tel"]
){
  width: 100% !important;
  padding: 14px 14px !important;
  border-radius: 14px !important;

  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;

  color: rgba(255,255,255,.92) !important;
  outline: none !important;

  box-shadow:
    0 14px 50px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.elementor-51 .elementor-element.elementor-element-6045ad5 :where(input[type="text"], input[type="email"], input[type="password"]):focus{
  border-color: rgba(196, 181, 253, .75) !important;
  box-shadow:
    0 18px 70px rgba(0,0,0,.45),
    0 0 0 4px rgba(129, 140, 248, .18),
    0 0 0 1px rgba(255,255,255,.10) inset;
  transform: translateY(-1px);
}

.elementor-51 .elementor-element.elementor-element-6045ad5 :where(input)::placeholder{
  color: rgba(255,255,255,.45) !important;
}

/* Remember me */
.elementor-51 .elementor-element.elementor-element-6045ad5 :where(.login-remember, .elementor-login__remember-me, .woocommerce-form__label-for-checkbox){
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0 16px !important;
  color: rgba(255,255,255,.70) !important;
  font-weight: 700;
}

.elementor-51 .elementor-element.elementor-element-6045ad5 :where(input[type="checkbox"]){
  accent-color: rgb(167,139,250);
  transform: scale(1.05);
}

/* BUTTON — VIP neon */
.elementor-51 .elementor-element.elementor-element-6045ad5 :where(
  .elementor-button,
  button[type="submit"],
  input[type="submit"],
  .woocommerce-button,
  button[name="login"]
){
  width: 100% !important;
  display: block !important;

  padding: 16px 18px !important;
  min-height: 58px;
  border-radius: 14px !important;

  border: 1px solid var(--mStroke) !important;
  background: linear-gradient(135deg, var(--mA), rgba(167,139,250,.96) 40%, rgba(99,102,241,.92)) !important;

  color: #070b18 !important;
  font-weight: 950 !important;
  letter-spacing: .35px;
  text-decoration: none !important;

  position: relative;
  overflow: hidden;

  box-shadow:
    0 18px 55px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.12) inset,
    0 22px 80px rgba(129, 140, 248, .22);
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

/* glossy sheen */
.elementor-51 .elementor-element.elementor-element-6045ad5 :where(.elementor-button, button[type="submit"], input[type="submit"], .woocommerce-button):before{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(650px 240px at 20% 0%, rgba(255,255,255,.55), transparent 55%),
    radial-gradient(520px 220px at 90% 120%, rgba(255,255,255,.16), transparent 60%),
    linear-gradient(90deg, rgba(255,255,255,.18), transparent 35%, rgba(255,255,255,.10));
  opacity:.55;
  pointer-events:none;
  mix-blend-mode: overlay;
}

.elementor-51 .elementor-element.elementor-element-6045ad5 :where(.elementor-button, button[type="submit"], input[type="submit"], .woocommerce-button):hover{
  transform: translateY(-1px);
  filter: brightness(1.06) saturate(1.12);
  box-shadow:
    0 28px 92px rgba(0,0,0,.62),
    0 0 0 1px rgba(255,255,255,.14) inset,
    0 26px 92px rgba(129, 140, 248, .30),
    0 0 34px rgba(216, 180, 254, .20);
}

/* Links (Lost password / Register) */
.elementor-51 .elementor-element.elementor-element-6045ad5 :where(a){
  color: rgba(199,210,254,.92) !important;
  text-decoration: none !important;
  font-weight: 800;
}
.elementor-51 .elementor-element.elementor-element-6045ad5 :where(a:hover){
  color: rgba(255,255,255,.96) !important;
  text-shadow: 0 10px 30px rgba(129,140,248,.25);
}

/* Small helper text spacing */
.elementor-51 .elementor-element.elementor-element-6045ad5 :where(.elementor-login__lost-password, .lost_password, .woocommerce-LostPassword){
  margin-top: 14px !important;
  color: rgba(255,255,255,.70) !important;
}

/* Mobile */
@media (max-width: 768px){
  .elementor-51 .elementor-element.elementor-element-6045ad5{ padding: 18px !important; border-radius: 16px; }
  .elementor-51 .elementor-element.elementor-element-6045ad5 :where(input[type="text"], input[type="email"], input[type="password"]){ border-radius: 12px !important; }
  .elementor-51 .elementor-element.elementor-element-6045ad5 :where(.elementor-button, button[type="submit"], input[type="submit"], .woocommerce-button){ border-radius: 12px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f709f44 *//* =========================================
   LOGIN / REGISTER — MATCH VIP MONTHLY (NEON VIP)
   Paste in: Login Widget → Advanced → Custom CSS
   ========================================= */

.elementor-51 .elementor-element.elementor-element-f709f44{
  direction: rtl;
  position: relative;
  overflow: hidden;
  border-radius: 18px;

  /* VIP neon variables */
  --mA: rgba(199, 210, 254, .95);  /* soft lilac */
  --mB: rgba(129, 140, 248, .92);  /* indigo */
  --mC: rgba(216, 180, 254, .85);  /* pink-lilac */
  --mStroke: rgba(196, 181, 253, .55);

  padding: 28px !important;

  background:
    radial-gradient(760px 320px at 18% 0%, rgba(167,139,250,.42), transparent 55%),
    radial-gradient(520px 240px at 90% 12%, rgba(255,255,255,.10), transparent 60%),
    radial-gradient(520px 240px at 20% 120%, rgba(216,180,254,.12), transparent 60%),
    linear-gradient(180deg, rgba(8, 12, 22, .94), rgba(5, 8, 16, .94));
  border: 1px solid rgba(255,255,255,.10);

  box-shadow:
    0 22px 80px rgba(0,0,0,.60),
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 26px 92px rgba(129, 140, 248, .14);

  font-family: "Cairo","Tajawal","IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}

/* soft glow ring */
.elementor-51 .elementor-element.elementor-element-f709f44:before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius: 18px;
  pointer-events:none;
  background: linear-gradient(135deg,
    rgba(255, 255, 255, .12),
    rgba(216,180,254,.20),
    rgba(129,140,248,.18),
    rgba(255, 209, 122, .10));
  opacity: .65;
  filter: blur(10px);
}

/* --- FORM WRAPPER (Elementor / WP / Woo) --- */
.elementor-51 .elementor-element.elementor-element-f709f44 :where(form, .elementor-login, .woocommerce-form-login){
  margin: 0 !important;
}

.elementor-51 .elementor-element.elementor-element-f709f44 :where(.elementor-field-group, p){
  margin-bottom: 14px !important;
}

/* Labels */
.elementor-51 .elementor-element.elementor-element-f709f44 :where(label, .elementor-field-label){
  display: block;
  margin: 0 0 8px !important;
  color: rgba(255,255,255,.82) !important;
  font-weight: 800;
  letter-spacing: .2px;
}

/* Inputs */
.elementor-51 .elementor-element.elementor-element-f709f44 :where(
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="tel"]
){
  width: 100% !important;
  padding: 14px 14px !important;
  border-radius: 14px !important;

  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;

  color: rgba(255,255,255,.92) !important;
  outline: none !important;

  box-shadow:
    0 14px 50px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.06) inset;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.elementor-51 .elementor-element.elementor-element-f709f44 :where(input[type="text"], input[type="email"], input[type="password"]):focus{
  border-color: rgba(196, 181, 253, .75) !important;
  box-shadow:
    0 18px 70px rgba(0,0,0,.45),
    0 0 0 4px rgba(129, 140, 248, .18),
    0 0 0 1px rgba(255,255,255,.10) inset;
  transform: translateY(-1px);
}

.elementor-51 .elementor-element.elementor-element-f709f44 :where(input)::placeholder{
  color: rgba(255,255,255,.45) !important;
}

/* Remember me */
.elementor-51 .elementor-element.elementor-element-f709f44 :where(.login-remember, .elementor-login__remember-me, .woocommerce-form__label-for-checkbox){
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0 16px !important;
  color: rgba(255,255,255,.70) !important;
  font-weight: 700;
}

.elementor-51 .elementor-element.elementor-element-f709f44 :where(input[type="checkbox"]){
  accent-color: rgb(167,139,250);
  transform: scale(1.05);
}

/* BUTTON — VIP neon */
.elementor-51 .elementor-element.elementor-element-f709f44 :where(
  .elementor-button,
  button[type="submit"],
  input[type="submit"],
  .woocommerce-button,
  button[name="login"]
){
  width: 100% !important;
  display: block !important;

  padding: 16px 18px !important;
  min-height: 58px;
  border-radius: 14px !important;

  border: 1px solid var(--mStroke) !important;
  background: linear-gradient(135deg, var(--mA), rgba(167,139,250,.96) 40%, rgba(99,102,241,.92)) !important;

  color: #070b18 !important;
  font-weight: 950 !important;
  letter-spacing: .35px;
  text-decoration: none !important;

  position: relative;
  overflow: hidden;

  box-shadow:
    0 18px 55px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.12) inset,
    0 22px 80px rgba(129, 140, 248, .22);
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

/* glossy sheen */
.elementor-51 .elementor-element.elementor-element-f709f44 :where(.elementor-button, button[type="submit"], input[type="submit"], .woocommerce-button):before{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(650px 240px at 20% 0%, rgba(255,255,255,.55), transparent 55%),
    radial-gradient(520px 220px at 90% 120%, rgba(255,255,255,.16), transparent 60%),
    linear-gradient(90deg, rgba(255,255,255,.18), transparent 35%, rgba(255,255,255,.10));
  opacity:.55;
  pointer-events:none;
  mix-blend-mode: overlay;
}

.elementor-51 .elementor-element.elementor-element-f709f44 :where(.elementor-button, button[type="submit"], input[type="submit"], .woocommerce-button):hover{
  transform: translateY(-1px);
  filter: brightness(1.06) saturate(1.12);
  box-shadow:
    0 28px 92px rgba(0,0,0,.62),
    0 0 0 1px rgba(255,255,255,.14) inset,
    0 26px 92px rgba(129, 140, 248, .30),
    0 0 34px rgba(216, 180, 254, .20);
}

/* Links (Lost password / Register) */
.elementor-51 .elementor-element.elementor-element-f709f44 :where(a){
  color: rgba(199,210,254,.92) !important;
  text-decoration: none !important;
  font-weight: 800;
}
.elementor-51 .elementor-element.elementor-element-f709f44 :where(a:hover){
  color: rgba(255,255,255,.96) !important;
  text-shadow: 0 10px 30px rgba(129,140,248,.25);
}

/* Small helper text spacing */
.elementor-51 .elementor-element.elementor-element-f709f44 :where(.elementor-login__lost-password, .lost_password, .woocommerce-LostPassword){
  margin-top: 14px !important;
  color: rgba(255,255,255,.70) !important;
}

/* Mobile */
@media (max-width: 768px){
  .elementor-51 .elementor-element.elementor-element-f709f44{ padding: 18px !important; border-radius: 16px; }
  .elementor-51 .elementor-element.elementor-element-f709f44 :where(input[type="text"], input[type="email"], input[type="password"]){ border-radius: 12px !important; }
  .elementor-51 .elementor-element.elementor-element-f709f44 :where(.elementor-button, button[type="submit"], input[type="submit"], .woocommerce-button){ border-radius: 12px !important; }
}/* End custom CSS */