.elementor-31306 .elementor-element.elementor-element-49824cd5{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-31306 .elementor-element.elementor-element-2151ded7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-31306 .elementor-element.elementor-element-2151ded7:not(.elementor-motion-effects-element-type-background), .elementor-31306 .elementor-element.elementor-element-2151ded7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gtartistoo.com/wp-content/uploads/2026/01/Pic-Newsletter.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-31306 .elementor-element.elementor-element-34dc04e4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;overflow:visible;}.elementor-31306 .elementor-element.elementor-element-a08ae9b .elementor-heading-title{font-size:24px;}.elementor-31306 .elementor-element.elementor-element-1160314c .elementor-heading-title{font-family:"Rubik", Sans-serif;font-size:29px;font-weight:500;line-height:1.2em;color:#0c0c0c;}#elementor-popup-modal-31306 .dialog-widget-content{animation-duration:1.4s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-31306{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-31306 .dialog-message{width:800px;height:480px;align-items:flex-start;}#elementor-popup-modal-31306 .dialog-close-button{display:flex;font-size:20px;}@media(max-width:1024px){.elementor-31306 .elementor-element.elementor-element-49824cd5{--min-height:430px;}.elementor-31306 .elementor-element.elementor-element-2151ded7:not(.elementor-motion-effects-element-type-background), .elementor-31306 .elementor-element.elementor-element-2151ded7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-31306 .elementor-element.elementor-element-1160314c .elementor-heading-title{font-size:27px;}#elementor-popup-modal-31306 .dialog-message{width:700px;height:425px;}#elementor-popup-modal-31306 .dialog-widget-content{margin:0px 0px 0px 0px;}}@media(max-width:768px){.elementor-31306 .elementor-element.elementor-element-49824cd5{--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31306 .elementor-element.elementor-element-2151ded7{--min-height:45vh;}.elementor-31306 .elementor-element.elementor-element-34dc04e4{--min-height:55vh;}.elementor-31306 .elementor-element.elementor-element-1160314c .elementor-heading-title{font-size:28px;}#elementor-popup-modal-31306 .dialog-message{height:100vh;}}/* Start custom CSS for shortcode, class: .elementor-element-70e10e7 *//* =========================
   VIP Popup Form — Premium UI
   Scope: only inside .vip-form
   ========================= */

.vip-form{
  width:100%;
  --vip-text:#111;
  --vip-muted:#666;
  --vip-border:rgba(17,17,17,.14);
  --vip-shadow:0 14px 40px rgba(0,0,0,.10);
  --vip-accent:#d40000; /* 你主色，可改 */
  --vip-soft:rgba(212,0,0,.06);
}

/* form layout */
.vip-form__form{
  display:flex;
  flex-direction:column;
  gap:14px;
}

/* input - more premium */
.vip-form__form input{
  width:100%;
  padding:14px 16px;
  font-size:15px;
  line-height:1.4;
  border:1px solid var(--vip-border);
  border-radius:12px;
  background:linear-gradient(180deg,#fff, #fbfbfb);
  transition:border-color .2s ease, box-shadow .2s ease, transform .08s ease;
}

.vip-form__form input::placeholder{ color:rgba(17,17,17,.45); }

.vip-form__form input:focus{
  outline:none;
  border-color:rgba(212,0,0,.38);
  box-shadow:0 0 0 4px rgba(212,0,0,.10);
}

/* button - chunky, high-contrast */
.vip-form__form button{
  width:100%;
  padding:14px 18px;
  border:none;
  border-radius:12px;
  background:linear-gradient(180deg, rgba(212,0,0,1), rgba(175,0,0,1));
  color:#fff;
  font-weight:900;
  font-size:15px;
  letter-spacing:.4px;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(212,0,0,.25);
  transition:transform .08s ease, filter .15s ease, box-shadow .15s ease;
}

.vip-form__form button:hover{
  filter:brightness(1.02);
  box-shadow:0 14px 30px rgba(212,0,0,.28);
}

.vip-form__form button:active{
  transform:translateY(1px);
  box-shadow:0 10px 18px rgba(212,0,0,.22);
}

/* error */
.vip-form__error{
  margin-top:6px;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(255, 0, 0, .06);
  border:1px solid rgba(255, 0, 0, .18);
  color:#b30000;
  font-size:13px;
}

/* success wrapper - gives "reward" feeling */
.vip-form__success{
  margin-top:10px;
  padding:14px 14px 12px;
  border-radius:16px;
  background:linear-gradient(180deg, var(--vip-soft), rgba(0,0,0,0));
  border:1px solid rgba(212,0,0,.10);
}

/* label */
.vip-form__label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-size:13px;
  font-weight:800;
  color:var(--vip-text);
  margin-bottom:10px;
}

/* optional "badge" on the right if you want later */
.vip-form__label:after{
  content:"10% OFF";
  font-size:11px;
  font-weight:900;
  letter-spacing:.4px;
  padding:6px 10px;
  border-radius:999px;
  background:#111;
  color:#fff;
}

/* coupon box */
.vip-form__code{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 12px;
  border-radius:14px;
  border:1.5px dashed rgba(17,17,17,.55);
  background:#fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}

/* coupon text like a "code chip" */
.vip-form__code-text{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:16px;
  font-weight:900;
  letter-spacing:.8px;
  color:var(--vip-text);
  padding:10px 12px;
  border-radius:12px;
  background:linear-gradient(180deg,#fafafa,#f2f2f2);
  border:1px solid rgba(0,0,0,.08);
}

/* copy button - neutral premium */
.vip-form__copy{
  min-width:92px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.10);
  background:linear-gradient(180deg,#f6f6f6,#eeeeee);
  color:#111;
  font-weight:900;
  font-size:12px;
  letter-spacing:.6px;
  cursor:pointer;
  transition:transform .08s ease, box-shadow .15s ease, background .15s ease;
}

.vip-form__copy:hover{
  background:linear-gradient(180deg,#fff,#f1f1f1);
  box-shadow:0 10px 18px rgba(0,0,0,.08);
}

.vip-form__copy:active{
  transform:translateY(1px);
}

.vip-form__copy:focus{
  outline:none;
  box-shadow:0 0 0 4px rgba(0,0,0,.08);
}

/* hint */
.vip-form__hint{
  margin-top:10px;
  font-size:12px;
  line-height:1.4;
  color:var(--vip-muted);
}

/* mobile */
@media (max-width: 767px){
  .vip-form__label:after{ content:"10%"; }
  .vip-form__code{
    flex-direction:column;
    align-items:stretch;
  }
  .vip-form__copy{
    width:100%;
  }
  .vip-form__code-text{
    width:100%;
    justify-content:center;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49824cd5 *//* =========================
   VIP Popup Form – Final Refined UI
   ========================= */

.vip-form{
  width:100%;
  --vip-text:#111;
  --vip-muted:rgba(17,17,17,.62);
  --vip-border:rgba(0,0,0,.08);
  --vip-accent:#d40000;
}

/* -------------------------
   Form
   ------------------------- */

.vip-form__form{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.vip-form__form input{
  width:100%;
  padding:14px 16px;
  font-size:15px;
  line-height:1.4;
  border-radius:12px;
  border:1px solid var(--vip-border);
  background:linear-gradient(180deg,#fff,#fafafa);
  transition:border-color .2s ease, box-shadow .2s ease;
}

.vip-form__form input::placeholder{
  color:rgba(0,0,0,.45);
}

.vip-form__form input:focus{
  outline:none;
  border-color:rgba(212,0,0,.4);
  box-shadow:0 0 0 4px rgba(212,0,0,.12);
}

.vip-form__form button{
  width:100%;
  padding:14px 18px;
  border:none;
  border-radius:12px;
  background:linear-gradient(180deg,#d40000,#a80000);
  color:#fff;
  font-size:15px;
  font-weight:900;
  letter-spacing:.4px;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(212,0,0,.25);
  transition:transform .08s ease, box-shadow .15s ease;
}

.vip-form__form button:hover{
  box-shadow:0 14px 30px rgba(212,0,0,.3);
}

.vip-form__form button:active{
  transform:translateY(1px);
}

/* -------------------------
   Error
   ------------------------- */

.vip-form__error{
  margin-top:6px;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(255,0,0,.06);
  border:1px solid rgba(255,0,0,.2);
  color:#b30000;
  font-size:13px;
}

/* -------------------------
   Success Wrapper
   ------------------------- */

.vip-form__success{
  margin-top:12px;
  padding:14px;
  border-radius:16px;
  background:linear-gradient(
    180deg,
    rgba(212,0,0,.06),
    rgba(0,0,0,0)
  );
  border:1px solid rgba(212,0,0,.12);
}

/* -------------------------
   Label (精修版)
   ------------------------- */

.vip-form__label:after{ content:none !important; }

.vip-form__label{
  display:block;
  margin:2px 0 10px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.2px;
  color:rgba(17,17,17,.78);
  position:relative;
  padding-left:12px;
}

.vip-form__label::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:4px;
  height:14px;
  border-radius:999px;
  background:var(--vip-accent);
}

/* -------------------------
   Coupon Box
   ------------------------- */

.vip-form__code{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px;
  border-radius:14px;
  border:1.5px dashed rgba(0,0,0,.45);
  background:#fff;
}

.vip-form__code-text{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  font-size:16px;
  font-weight:900;
  letter-spacing:.8px;
  border-radius:12px;
  background:linear-gradient(180deg,#fafafa,#f2f2f2);
  border:1px solid rgba(0,0,0,.1);
  color:#111;
}

.vip-form__copy{
  min-width:90px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  background:linear-gradient(180deg,#f6f6f6,#eee);
  font-size:12px;
  font-weight:900;
  letter-spacing:.6px;
  cursor:pointer;
  transition:transform .08s ease, box-shadow .15s ease;
}

.vip-form__copy:hover{
  box-shadow:0 8px 16px rgba(0,0,0,.1);
}

.vip-form__copy:active{
  transform:translateY(1px);
}

/* -------------------------
   Hint (精修版)
   ------------------------- */

.vip-form__hint{
  margin-top:10px;
  padding:10px 12px 10px 34px;
  border-radius:12px;
  background:rgba(0,0,0,.03);
  border:1px solid rgba(0,0,0,.06);
  font-size:12px;
  line-height:1.5;
  color:var(--vip-muted);
  position:relative;
}

.vip-form__hint::before{
  content:"";
  position:absolute;
  left:12px;
  top:14px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:rgba(17,17,17,.85);
}

/* -------------------------
   Mobile
   ------------------------- */

@media (max-width:767px){
  .vip-form__code{
    flex-direction:column;
    align-items:stretch;
  }

  .vip-form__code-text{
    width:100%;
  }

  .vip-form__copy{
    width:100%;
  }

  .vip-form__hint{
    font-size:11px;
    padding:9px 10px 9px 30px;
  }

  .vip-form__hint::before{
    left:10px;
    top:13px;
    width:9px;
    height:9px;
  }
}/* End custom CSS */