html,body{overflow-x:hidden}

.tg-faq-v2,
.tg-faq-v2 *{box-sizing:border-box}

.tg-faq-v2 input,
.tg-faq-v2 button,
.tg-faq-v2 textarea,
.tg-faq-v2 select{
  text-transform:none !important;
  letter-spacing:normal !important;
}

.tg-faq-v2{
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  width:100vw;
  max-width:100vw;
  padding:34px 22px 88px;
  font-family:"Inter",sans-serif;
  color:#fff;
  background:
    radial-gradient(1100px 520px at 50% -6%, rgba(255,210,125,.14), transparent 60%),
    radial-gradient(760px 460px at 16% 18%, rgba(110,170,255,.10), transparent 58%),
    radial-gradient(820px 500px at 84% 70%, rgba(255,120,80,.08), transparent 60%),
    linear-gradient(180deg,#0a0d12,#060709);
}

.tg-faqHero,
.tg-faqPanel,
.tg-faqSupport{
  width:min(1500px, calc(100vw - 40px));
  margin-left:auto;
  margin-right:auto;
  position:relative;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(212,175,55,.16);
  background:linear-gradient(180deg, rgba(16,20,33,.92), rgba(10,12,20,.88));
  box-shadow:0 24px 70px rgba(0,0,0,.42);
}

.tg-faqHero::before,
.tg-faqPanel::before,
.tg-faqSupport::before{
  content:"";
  position:absolute;
  inset:-120px;
  pointer-events:none;
  opacity:.58;
  filter:blur(28px);
  background:
    radial-gradient(circle at 18% 20%, rgba(110,170,255,.10), transparent 40%),
    radial-gradient(circle at 82% 18%, rgba(255,210,125,.08), transparent 36%);
}

.tg-faqHero > *,
.tg-faqPanel > *,
.tg-faqSupport > *{position:relative;z-index:1}

.tg-faqHero{padding:30px}
.tg-faqPanel,
.tg-faqSupport{
  margin-top:18px;
  padding:20px;
}

.tg-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
  color:rgba(240,193,91,.82);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.14em;
}
.tg-kicker::before{
  content:"";
  width:34px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(240,193,91,.72));
}

.tg-title{
  margin:0;
  font-family:"Cinzel",serif;
  color:#f0c15b;
  font-size:clamp(34px, 5vw, 56px);
  line-height:1.02;
}

.tg-sub{
  margin:14px 0 0;
  max-width:860px;
  color:#c6c0b1;
  font-size:17px;
  line-height:1.72;
}

.tg-statBar{
  max-width:980px;
  margin:24px 0 0;
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
}
.tg-statBox{
  border:1px solid rgba(212,175,55,.18);
  background:linear-gradient(180deg, rgba(20,24,36,.88), rgba(10,12,20,.88));
  border-radius:18px;
  padding:16px;
  box-shadow:0 18px 55px rgba(0,0,0,.35);
}
.tg-statBox__label{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:rgba(244,231,199,.58);
  font-weight:800;
}
.tg-statBox__value{
  margin-top:8px;
  font-size:28px;
  line-height:1;
  font-weight:900;
}

.tg-sectionHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.tg-eyebrow{
  color:rgba(240,193,91,.84);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
}
.tg-sectionHead h2{
  margin:6px 0 0;
  font-family:"Cinzel",serif;
  font-size:28px;
  line-height:1.1;
  color:#fff;
}
.tg-sectionHint{
  color:rgba(244,231,199,.56);
  font-size:14px;
  line-height:1.6;
  max-width:560px;
}

.tg-searchWrap{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:54px;
  background:#fff !important;
  border:1px solid rgba(255,255,255,.55) !important;
  border-radius:16px;
  padding:0 12px;
}
.tg-searchIcon{
  color:rgba(17,17,17,.55) !important;
  font-size:18px;
  padding:0 4px;
}
.tg-searchWrap input{
  flex:1;
  border:0;
  outline:none;
  background:transparent;
  color:#111 !important;
  font-size:15px;
  padding:0;
  min-height:52px;
}
.tg-searchWrap input::placeholder{
  color:rgba(17,17,17,.45) !important;
}

.tg-faqToolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  margin-bottom:16px;
}
.tg-faqMeta{
  color:rgba(244,231,199,.62);
  font-size:13px;
  font-weight:700;
  text-align:right;
}

.tg-chipBar{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:16px;
}

.tg-chipFilter{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.18);
  background:rgba(255,255,255,.04);
  color:#f4e7c7;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  transition:.18s ease;
  user-select:none;
}
.tg-chipFilter:hover{
  transform:translateY(-1px);
  border-color:rgba(212,175,55,.42);
}
.tg-chipFilter.is-active{
  border-color:rgba(240,193,91,.70);
  background:rgba(240,193,91,.12);
  color:rgba(240,193,91,.98);
  box-shadow:0 0 0 1px rgba(240,193,91,.08) inset;
}
.tg-chipFilter__icon{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  line-height:1;
}

.tg-faqGrid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

.tg-faqItem{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(212,175,55,.14);
  background:linear-gradient(180deg, rgba(18,24,38,.95), rgba(8,12,20,.95));
  box-shadow:0 24px 70px rgba(0,0,0,.22);
}
.tg-faqItem::before{
  content:"";
  position:absolute;
  inset:-120px;
  pointer-events:none;
  opacity:.38;
  filter:blur(24px);
  background:
    radial-gradient(circle at 18% 20%, rgba(110,170,255,.08), transparent 40%),
    radial-gradient(circle at 82% 18%, rgba(255,210,125,.06), transparent 36%);
}
.tg-faqItem > *{position:relative;z-index:1}

.tg-faqButton{
  width:100%;
  text-align:left;
  padding:16px;
  background:transparent;
  border:none;
  cursor:pointer;
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
}
.tg-faqButtonMain{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  flex:1;
}

.tg-chip{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.16);
  background:rgba(255,255,255,.04);
  color:#f4e7c7;
  font-size:11px;
  font-weight:700;
}
.tg-chip--faq{
  gap:8px;
  border-color:rgba(240,193,91,.32);
  background:rgba(240,193,91,.10);
  color:#f4e7c7;
  white-space:nowrap;
}
.tg-chip__icon{
  font-size:13px;
  line-height:1;
}

.tg-faqQuestion{
  min-width:0;
  font-size:16px;
  line-height:1.45;
  font-weight:800;
  color:#fff;
}
.tg-faqChev{
  width:38px;
  height:38px;
  border-radius:14px;
  border:1px solid rgba(212,175,55,.16);
  background:rgba(255,255,255,.04);
  display:grid;
  place-items:center;
  flex:0 0 auto;
  color:rgba(240,193,91,.92);
  transition:transform .22s ease;
}
.tg-faqAnswer{
  max-height:0;
  overflow:hidden;
  transition:max-height .28s ease;
  border-top:1px solid rgba(212,175,55,.10);
}
.tg-faqAnswerInner{
  padding:0 16px 16px 16px;
  color:#d8d2c4;
  font-size:14px;
  line-height:1.75;
}
.tg-faqItem.is-open .tg-faqChev{transform:rotate(180deg)}

.tg-faqEmpty{
  padding:22px;
  border-radius:18px;
  border:1px dashed rgba(212,175,55,.20);
  color:rgba(244,231,199,.62);
  background:rgba(0,0,0,.12);
}
.tg-faqEmpty__title{
  font-size:22px;
  font-weight:800;
  color:#fff;
  font-family:"Cinzel",serif;
}
.tg-faqEmpty__text{
  margin-top:8px;
  font-size:14px;
  line-height:1.7;
}

.tg-supportCard{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  border:1px solid rgba(212,175,55,.14);
  background:linear-gradient(180deg, rgba(20,24,36,.68), rgba(10,12,20,.60));
  border-radius:22px;
  padding:18px;
}
.tg-supportCard__title{
  margin:0;
  font-family:"Cinzel",serif;
  font-size:24px;
  color:#fff;
}
.tg-supportCard__text{
  margin:8px 0 0;
  color:#d8d2c4;
  font-size:14px;
  line-height:1.7;
  max-width:760px;
}
.tg-supportActions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.tg-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:54px;
  padding:0 18px;
  border-radius:16px;
  border:1px solid rgba(212,175,55,.25);
  background:rgba(255,255,255,.05);
  color:#f4e7c7;
  font-weight:800;
  cursor:pointer;
  font-size:15px;
  transition:.18s ease;
  text-decoration:none;
}
.tg-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(212,175,55,.72);
}
.tg-btn--primary{
  background:linear-gradient(180deg, #f0c15b, #9d6f22);
  color:#201407;
  border-color:rgba(212,175,55,.95);
  box-shadow:inset 0 1px 0 rgba(255,243,211,.40), 0 12px 30px rgba(208,149,39,.16);
}
.tg-btn--discord{
  border-color:rgba(88,101,242,.75);
  background:linear-gradient(180deg, rgba(88,101,242,.28), rgba(18,18,28,.95));
}
.tg-btn--discord:hover{
  box-shadow:0 0 22px rgba(88,101,242,.28);
  border-color:rgba(88,101,242,1);
}
.tg-btn__icon{
  display:inline-flex;
  width:18px;
  height:18px;
  color:#cdd3ff;
}

#tgSupportClose{display:block;position:relative;top:-1px}

.tg-overlay{
  display:none;
  position:fixed;
  inset:0;
  z-index:99999;
  padding:20px;
  background:radial-gradient(circle at 50% 20%, rgba(255,210,125,.12), rgba(0,0,0,.88) 55%, rgba(0,0,0,.92));
}
.tg-overlay:target{display:block}
.tg-overlay__close{
  position:absolute;
  inset:0;
  display:block;
}

.tg-popup{
  position:relative;
  max-width:560px;
  margin:6vh auto;
  padding:2px;
  border-radius:20px;
  background:conic-gradient(
    from 210deg,
    rgba(255,210,125,0),
    rgba(255,210,125,.55),
    rgba(120,200,255,.25),
    rgba(255,120,80,.14),
    rgba(255,210,125,.55),
    rgba(255,210,125,0)
  );
  box-shadow:0 30px 80px rgba(0,0,0,.75);
  overflow:hidden;
  animation:tgPopIn .22s ease-out;
}
@keyframes tgPopIn{
  from{transform:translateY(10px) scale(.98);opacity:0}
  to{transform:translateY(0) scale(1);opacity:1}
}
.tg-popup::before{
  content:"";
  position:absolute;
  inset:-120px;
  filter:blur(18px);
  z-index:0;
  background:
    radial-gradient(circle at 25% 15%, rgba(255,210,125,.22), transparent 55%),
    radial-gradient(circle at 75% 10%, rgba(120,200,255,.16), transparent 55%),
    radial-gradient(circle at 55% 80%, rgba(255,120,80,.10), transparent 60%);
  animation:tgAura 6s ease-in-out infinite;
}
@keyframes tgAura{
  0%,100%{transform:translateY(0) scale(1);opacity:.85}
  50%{transform:translateY(-12px) scale(1.02);opacity:1}
}

.tg-popup__header{
  position:relative;
  z-index:2;
  text-align:center;
  padding:28px 28px 12px;
  background:
    radial-gradient(700px 260px at 50% -10%, rgba(255,210,125,.18), transparent 65%),
    linear-gradient(180deg,#15120c,#0b0e13);
  border-bottom:1px solid rgba(255,210,125,.18);
}
.tg-popup__rune{
  width:120px;
  height:10px;
  margin:0 auto 12px;
  border-radius:999px;
  opacity:.9;
  background:repeating-linear-gradient(90deg, rgba(255,210,125,0) 0, rgba(255,210,125,.35) 10px, rgba(255,210,125,0) 20px);
  box-shadow:0 0 16px rgba(255,210,125,.25);
}
.tg-popup__title{
  margin:0;
  font-family:"Cinzel",serif;
  font-size:28px;
  color:#ffd27d;
  text-shadow:0 0 10px rgba(255,210,125,.28);
}
.tg-popup__sub{
  margin-top:6px;
  font-size:12px;
  color:rgba(244,231,199,.65);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.tg-popup__body{
  position:relative;
  z-index:2;
  padding:18px 28px 26px;
  background:linear-gradient(180deg,#0b0e13,#070707);
}

.tg-popup__close{
  position:absolute;
  right:12px;
  top:12px;
  z-index:3;
  width:36px;
  height:36px;
  border-radius:10px;
  border:1px solid rgba(255,210,125,.22);
  background:rgba(0,0,0,.35);
  color:rgba(245,210,122,.95);
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  transition:all .15s ease;
}
.tg-popup__close:hover{
  border-color:rgba(255,210,125,.75);
  box-shadow:0 0 14px rgba(255,210,125,.25);
  transform:translateY(-1px);
}

.tg-label{
  display:block;
  margin:10px 0 6px;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(244,231,199,.72);
}
.tg-input{
  width:100%;
  padding:12px;
  border-radius:10px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,210,125,.14);
  outline:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.tg-input:focus{
  border-color:rgba(255,210,125,.75);
  box-shadow:0 0 0 3px rgba(255,210,125,.12);
}
.tg-input{
  color:#ffffff !important;
  caret-color:#ffd27d !important;
}
.tg-input::placeholder{
  color:rgba(244,231,199,.55) !important;
}
.tg-textarea{
  min-height:120px;
  resize:vertical;
}

.tg-popup input[name="name"],
.tg-popup input[name="email"]{
  color:#000 !important;
  caret-color:#000 !important;
  background:rgba(255,255,255,.92) !important;
  border-color:rgba(255,210,125,.35) !important;
}
.tg-popup input[name="name"]::placeholder,
.tg-popup input[name="email"]::placeholder{
  color:rgba(0,0,0,.55) !important;
}

.tg-formActions{
  display:flex;
  gap:12px;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-top:16px;
}
.tg-tip{
  margin-top:14px;
  font-size:12px;
  color:rgba(244,231,199,.6);
}
.tg-tip b{color:rgba(255,210,125,.9)}

.tg-portal{
  position:absolute;
  inset:-40px;
  z-index:1;
  pointer-events:none;
}
.tg-portal::before{
  content:"";
  position:absolute;
  left:50%;
  top:38%;
  width:520px;
  height:520px;
  transform:translate(-50%,-50%);
  background:
    radial-gradient(circle at 50% 50%, rgba(120,200,255,.18), transparent 55%),
    radial-gradient(circle at 50% 50%, rgba(255,210,125,.10), transparent 62%);
  opacity:.9;
}
.tg-p{
  position:absolute;
  left:50%;
  top:50%;
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(150,220,255,.85);
  box-shadow:0 0 18px rgba(120,200,255,.55);
  animation:tgFloat 3.6s linear infinite;
  opacity:0;
}
@keyframes tgFloat{
  0%{transform:translate(-50%,-50%) rotate(var(--a)) translateX(var(--r)) translateY(40px) scale(.6);opacity:0}
  15%{opacity:.95}
  70%{opacity:.85}
  100%{transform:translate(-50%,-50%) rotate(var(--a)) translateX(var(--r)) translateY(-240px) scale(1.05);opacity:0}
}
.tg-p1{--a:10deg;--r:120px;animation-delay:.0s}
.tg-p2{--a:45deg;--r:160px;animation-delay:.3s}
.tg-p3{--a:80deg;--r:140px;animation-delay:.6s}
.tg-p4{--a:115deg;--r:190px;animation-delay:.9s}
.tg-p5{--a:150deg;--r:130px;animation-delay:1.2s}
.tg-p6{--a:185deg;--r:170px;animation-delay:1.5s}
.tg-p7{--a:220deg;--r:150px;animation-delay:1.8s}
.tg-p8{--a:255deg;--r:200px;animation-delay:2.1s}
.tg-p9{--a:290deg;--r:135px;animation-delay:2.4s}
.tg-p10{--a:325deg;--r:175px;animation-delay:2.7s}
.tg-p11{--a:350deg;--r:145px;animation-delay:3.0s}
.tg-p12{--a:25deg;--r:205px;animation-delay:3.3s}

@media (max-width:860px){
  .tg-faqToolbar{grid-template-columns:1fr}
  .tg-faqMeta{text-align:left}
  .tg-faqButton{align-items:flex-start}
  .tg-faqButtonMain{align-items:flex-start;flex-direction:column}
}
@media (max-width:720px){
  .tg-statBar{grid-template-columns:1fr}
}
@media (max-width:640px){
  .tg-faq-v2{padding:24px 12px 70px}
  .tg-faqHero,
  .tg-faqPanel,
  .tg-faqSupport,
  .tg-faqItem,
  .tg-supportCard,
  .tg-popup{border-radius:22px}
  .tg-btn{width:100%}
  .tg-formActions{justify-content:center}
}
@media (max-width:520px){
  .tg-popup{margin:3vh auto}
}

/* ===== Card ===== */
.wow-support-card{
  margin-top:48px; padding:36px 28px; border-radius:18px; text-align:center;
  color:#f4e7c7;
  background: radial-gradient(900px 420px at 50% -10%, rgba(255,210,125,.16), transparent 60%),
              linear-gradient(180deg, #14110c, #070707);
  border:1px solid rgba(255,210,125,.22);
  box-shadow:0 26px 70px rgba(0,0,0,.55);
  font-family:"Segoe UI", Arial, sans-serif;
}
.wow-topline{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px;
  font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,210,125,.9);font-size:11px;}
.wow-gem{width:10px;height:10px;border-radius:3px;background:linear-gradient(180deg,#ffe19a,#b8872f);
  box-shadow:0 0 10px rgba(255,210,125,.55);transform:rotate(45deg);}
.wow-support-card h2{margin:0 0 12px;font-size:28px;color:#ffd27d;text-shadow:0 0 10px rgba(255,210,125,.28);}
.wow-support-card p{margin:0 auto 18px;max-width:620px;color:rgba(244,231,199,.82);line-height:1.6;font-size:15px;}
.wow-support-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:6px;}

/* ===== Buttons ===== */
.wow-btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 18px;border-radius:12px;
  font-weight:800;letter-spacing:.04em;text-decoration:none;
  border:1px solid rgba(255,210,125,.25);
  background:rgba(255,255,255,.05);
  color:#f4e7c7;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.wow-btn:hover{transform:translateY(-1px);border-color:rgba(255,210,125,.75);box-shadow:0 0 18px rgba(255,210,125,.18);}
.wow-btn.primary{background:linear-gradient(180deg,#f0c15b,#9d6f22);color:#201407;border-color:rgba(255,210,125,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.35);}
.wow-btn.discord{border-color:rgba(88,101,242,.75);background:linear-gradient(180deg, rgba(88,101,242,.28), rgba(18,18,28,.95));}
.wow-btn.discord:hover{box-shadow:0 0 22px rgba(88,101,242,.55);border-color:rgba(88,101,242,1);}
.wow-btn .icon{display:inline-flex;width:18px;height:18px;color:#cdd3ff;}

/* ===== Popup overlay via :target ===== */
.wow-overlay{display:none;position:fixed;inset:0;z-index:99999;padding:20px;
  background:radial-gradient(circle at 50% 20%, rgba(255,210,125,.12), rgba(0,0,0,.88) 55%, rgba(0,0,0,.92));}
.wow-overlay:target{display:block;}
.wow-overlay-close{position:absolute;inset:0;display:block;}

/* ===== Popup ===== */
.wow-popup.epic{
  position:relative;max-width:540px;margin:6vh auto;padding:2px;border-radius:18px;
  background:conic-gradient(from 210deg, rgba(255,210,125,0), rgba(255,210,125,.55), rgba(120,200,255,.25),
    rgba(255,120,80,.14), rgba(255,210,125,.55), rgba(255,210,125,0));
  box-shadow:0 30px 80px rgba(0,0,0,.75);
  overflow:hidden;
  animation:popIn .22s ease-out;
}
@keyframes popIn{from{transform:translateY(10px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}
.wow-popup.epic::before{
  content:"";position:absolute;inset:-120px;filter:blur(18px);z-index:0;
  background:
    radial-gradient(circle at 25% 15%, rgba(255,210,125,.22), transparent 55%),
    radial-gradient(circle at 75% 10%, rgba(120,200,255,.16), transparent 55%),
    radial-gradient(circle at 55% 80%, rgba(255,120,80,.10), transparent 60%);
  animation:aura 6s ease-in-out infinite;
}
@keyframes aura{0%,100%{transform:translateY(0) scale(1);opacity:.85}50%{transform:translateY(-12px) scale(1.02);opacity:1}}

.wow-header{position:relative;z-index:2;text-align:center;padding:28px 28px 12px;
  background:radial-gradient(700px 260px at 50% -10%, rgba(255,210,125,.18), transparent 65%),
             linear-gradient(180deg,#15120c,#0b0e13);
  border-bottom:1px solid rgba(255,210,125,.18);}
.wow-rune{width:120px;height:10px;margin:0 auto 12px;border-radius:999px;opacity:.9;
  background:repeating-linear-gradient(90deg, rgba(255,210,125,0) 0, rgba(255,210,125,.35) 10px, rgba(255,210,125,0) 20px);
  box-shadow:0 0 16px rgba(255,210,125,.25);}
.wow-popup h3{margin:0;font-size:24px;color:#ffd27d;text-shadow:0 0 10px rgba(255,210,125,.28);}
.wow-sub{margin-top:6px;font-size:12px;color:rgba(244,231,199,.65);letter-spacing:.08em;text-transform:uppercase;}
.wow-popup form{position:relative;z-index:2;padding:18px 28px 26px;background:linear-gradient(180deg,#0b0e13,#070707);}

.wow-close{
  position:absolute;right:12px;top:12px;z-index:3;
  width:36px;height:36px;border-radius:10px;
  border:1px solid rgba(255,210,125,.22);
  background:rgba(0,0,0,.35);
  color:rgba(245,210,122,.95);
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;
  transition:all .15s ease;
}
.wow-close:hover{border-color:rgba(255,210,125,.75);box-shadow:0 0 14px rgba(255,210,125,.25);transform:translateY(-1px);}

.wow-label{display:block;margin:10px 0 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(244,231,199,.72);}

.wow-input{
  width:100%; padding:12px; border-radius:10px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,210,125,.14);
  outline:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.wow-input:focus{border-color:rgba(255,210,125,.75);box-shadow:0 0 0 3px rgba(255,210,125,.12);}

/* Default typed color (message) */
.wow-input{ color:#ffffff !important; caret-color:#ffd27d !important; }
.wow-input::placeholder{ color:rgba(244,231,199,.55) !important; }
.wow-textarea{ min-height:110px; resize:vertical; }

/* ✅ Name + Email typed text BLACK */
.wow-popup input[name="name"],
.wow-popup input[name="email"]{
  color:#000000 !important;
  caret-color:#000000 !important;
  background:rgba(255,255,255,.92) !important;
  border-color:rgba(255,210,125,.35) !important;
}
.wow-popup input[name="name"]::placeholder,
.wow-popup input[name="email"]::placeholder{
  color:rgba(0,0,0,.55) !important;
}

/* Keep message typed WHITE */
.wow-popup textarea[name="message"]{
  color:#ffffff !important;
  caret-color:#ffd27d !important;
}

.popup-actions{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:16px;}
.wow-tip{margin-top:14px;font-size:12px;color:rgba(244,231,199,.6);}
.wow-tip b{color:rgba(255,210,125,.9);}

/* ===== Portal particles (CSS-only) ===== */
.portal{position:absolute;inset:-40px;z-index:1;pointer-events:none;}
.portal::before{
  content:"";position:absolute;left:50%;top:38%;
  width:520px;height:520px;transform:translate(-50%,-50%);
  background: radial-gradient(circle at 50% 50%, rgba(120,200,255,.18), transparent 55%),
              radial-gradient(circle at 50% 50%, rgba(255,210,125,.10), transparent 62%);
  opacity:.9;
}
.p{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:999px;
  background:rgba(150,220,255,.85);
  box-shadow:0 0 18px rgba(120,200,255,.55);
  animation:float 3.6s linear infinite;
  opacity:0;
}
@keyframes float{
  0%{transform:translate(-50%,-50%) rotate(var(--a)) translateX(var(--r)) translateY(40px) scale(.6);opacity:0}
  15%{opacity:.95}
  70%{opacity:.85}
  100%{transform:translate(-50%,-50%) rotate(var(--a)) translateX(var(--r)) translateY(-240px) scale(1.05);opacity:0}
}
.p1{--a:10deg;--r:120px;animation-delay:.0s}
.p2{--a:45deg;--r:160px;animation-delay:.3s}
.p3{--a:80deg;--r:140px;animation-delay:.6s}
.p4{--a:115deg;--r:190px;animation-delay:.9s}
.p5{--a:150deg;--r:130px;animation-delay:1.2s}
.p6{--a:185deg;--r:170px;animation-delay:1.5s}
.p7{--a:220deg;--r:150px;animation-delay:1.8s}
.p8{--a:255deg;--r:200px;animation-delay:2.1s}
.p9{--a:290deg;--r:135px;animation-delay:2.4s}
.p10{--a:325deg;--r:175px;animation-delay:2.7s}
.p11{--a:350deg;--r:145px;animation-delay:3.0s}
.p12{--a:25deg;--r:205px;animation-delay:3.3s}

@media (max-width:520px){
  .wow-popup.epic{margin:3vh auto;}
  .popup-actions{justify-content:center;}
}