/* === UP-X384.ORG — Emerald / Neon-Green theme
   Palette : #030f06 bg / #10b981 acc / #34d399 acc2
   Fonts   : Raleway 700/800 + Nunito Sans 400/600/700
   Prefix  : .flux-
*/
:root{
  --bg:#030f06;
  --surf:#071a0d;
  --surf2:#0d2918;
  --acc:#10b981;
  --acc2:#34d399;
  --text:#ecfdf5;
  --text2:#6ee7b7;
  --rad:8px;
  --trans:200ms ease;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;color-scheme:dark}
body{
  font-family:'Nunito Sans',sans-serif;
  background:var(--bg);color:var(--text);
  line-height:1.65;font-size:16px;
}
.skip{
  position:absolute;top:-50px;left:0;
  background:var(--acc);color:#030f06;
  padding:8px 16px;font-weight:700;
  transition:top .2s;z-index:9999;
}
.skip:focus{top:0}

/* === HEADER === */
.flux-bar{
  position:sticky;top:0;z-index:900;
  background:rgba(3,15,6,.96);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(16,185,129,.15);
  display:flex;align-items:center;
  justify-content:space-between;
  padding:0 24px;height:60px;
}
.flux-logo{
  display:flex;align-items:center;gap:10px;
  text-decoration:none;color:var(--text);
}
.flux-logo__svg{width:36px;height:36px;flex-shrink:0}
.flux-logo__t{
  font-family:'Raleway',sans-serif;
  font-size:1.08rem;font-weight:800;
  letter-spacing:.02em;line-height:1.1;
}
.flux-logo__sub{
  display:block;font-family:'Nunito Sans',sans-serif;
  font-size:.6rem;font-weight:400;
  color:var(--acc2);letter-spacing:.05em;
  text-transform:uppercase;
}
.flux-nav{display:flex;align-items:center;gap:22px}
.flux-nav a{
  font-size:.84rem;font-weight:600;
  color:var(--text2);text-decoration:none;
  transition:color var(--trans);
}
.flux-nav a:hover{color:var(--acc2)}
.flux-cta{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--acc);color:#030f06;
  font-family:'Raleway',sans-serif;
  font-size:.84rem;font-weight:800;
  padding:8px 20px;border-radius:6px;
  text-decoration:none;transition:filter var(--trans);
  white-space:nowrap;
}
.flux-cta:hover{filter:brightness(1.12)}
.flux-cta--ghost{
  background:transparent;
  border:2px solid var(--acc);color:var(--acc2);
}
.flux-cta--ghost:hover{background:rgba(16,185,129,.1)}

/* === STRIP === */
.flux-strip{
  background:var(--surf);
  border-bottom:1px solid rgba(16,185,129,.1);
  display:flex;align-items:center;justify-content:center;
  gap:40px;padding:10px 24px;flex-wrap:wrap;
}
.flux-strip__item{
  display:flex;flex-direction:column;align-items:center;
  font-size:.74rem;color:var(--text2);white-space:nowrap;
}
.flux-strip__val{
  font-family:'Raleway',sans-serif;
  font-size:.98rem;font-weight:800;color:var(--acc2);
}

/* === HERO === */
.flux-hero{
  padding:72px 24px 80px;
  background:linear-gradient(155deg,#071f0e 0%,var(--bg) 65%);
}
.flux-hero__inner{
  max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:1fr 380px;
  gap:52px;align-items:center;
}
@media(max-width:820px){.flux-hero__inner{grid-template-columns:1fr;text-align:center}}
.flux-hero__chip{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(16,185,129,.1);
  border:1px solid rgba(16,185,129,.28);
  padding:5px 14px;border-radius:20px;
  font-size:.76rem;font-weight:700;color:var(--acc2);
  margin-bottom:20px;
}
.flux-hero__h1{
  font-family:'Raleway',sans-serif;
  font-size:clamp(1.8rem,4vw,2.9rem);
  font-weight:800;line-height:1.15;margin-bottom:18px;
}
.flux-hero__h1 .acc{color:var(--acc2)}
.flux-hero__lead{
  font-size:1rem;color:var(--text2);
  line-height:1.7;margin-bottom:28px;max-width:520px;
}
.flux-hero__btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}
.flux-hero__kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:600px){.flux-hero__kpi{grid-template-columns:repeat(2,1fr)}}
.flux-kpi-item{
  background:rgba(16,185,129,.07);
  border:1px solid rgba(16,185,129,.14);
  border-radius:8px;padding:12px;text-align:center;
}
.flux-kpi-val{
  font-family:'Raleway',sans-serif;
  font-size:1.1rem;font-weight:800;color:var(--acc2);
}
.flux-kpi-label{font-size:.7rem;color:var(--text2);margin-top:2px}
.flux-hero__vis{display:flex;align-items:center;justify-content:center}
.flux-hero__svg{width:100%;max-width:360px;display:block}

/* === SECTIONS === */
.section{padding:72px 24px}
.section--surf{background:var(--surf)}
.section__inner{max-width:900px;margin:0 auto}
.section__inner--wide{max-width:1100px;margin:0 auto}
.overline{
  font-size:.74rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.1em;
  color:var(--acc);margin-bottom:8px;
}
.section-h2{
  font-family:'Raleway',sans-serif;
  font-size:clamp(1.5rem,3vw,2.1rem);
  font-weight:800;margin-bottom:12px;line-height:1.2;
}
.section-lead{
  color:var(--text2);font-size:.95rem;
  line-height:1.7;margin-bottom:36px;max-width:720px;
}

/* === WELCOME === */
.dep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}
@media(max-width:700px){.dep-grid{grid-template-columns:1fr}}
.dep-card{
  background:var(--surf2);
  border:1px solid rgba(16,185,129,.16);
  border-radius:var(--rad);padding:24px;text-align:center;
  transition:border-color var(--trans),transform var(--trans);
}
.dep-card:hover{border-color:var(--acc2);transform:translateY(-3px)}
.dep-card__num{
  font-family:'Raleway',sans-serif;
  font-size:.78rem;font-weight:800;color:var(--acc2);
  letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;
}
.dep-card__pct{
  font-family:'Raleway',sans-serif;
  font-size:2.2rem;font-weight:800;color:var(--acc);
  line-height:1;margin-bottom:4px;
}
.dep-card__sum{font-size:1rem;font-weight:700;margin-bottom:4px}
.dep-card__fs{font-size:.82rem;color:var(--text2)}

/* === SLOTS === */
.slot-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(170px,1fr));
  gap:16px;margin:28px 0;
}
.slot-card{
  background:var(--surf);
  border:1px solid rgba(16,185,129,.1);
  border-radius:var(--rad);overflow:hidden;
  transition:border-color var(--trans),transform var(--trans);
}
.slot-card:hover{border-color:var(--acc2);transform:translateY(-4px)}
.slot-card__img{
  width:100%;height:108px;
  background:linear-gradient(135deg,var(--surf2),var(--surf));
  display:flex;align-items:center;justify-content:center;
  font-size:2.2rem;
}
.slot-card__body{padding:12px}
.slot-card__name{
  font-family:'Raleway',sans-serif;
  font-size:.84rem;font-weight:700;margin-bottom:4px;
}
.slot-card__meta{font-size:.7rem;color:var(--text2)}
.slot-card__cta{
  display:block;margin:10px;
  background:var(--acc);color:#030f06;
  font-size:.74rem;font-weight:700;
  text-align:center;padding:6px;
  border-radius:5px;text-decoration:none;
  transition:filter var(--trans);
}
.slot-card__cta:hover{filter:brightness(1.1)}
.tags-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.tag{
  background:rgba(16,185,129,.08);
  border:1px solid rgba(16,185,129,.2);
  border-radius:4px;padding:3px 10px;
  font-size:.71rem;color:var(--acc2);
}

/* === VIP === */
.vip-arc{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:24px}
.vip-arc__item{
  background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(52,211,153,.05));
  border:1px solid rgba(16,185,129,.26);
  border-radius:7px;padding:10px 16px;text-align:center;min-width:96px;
}
.vip-arc__name{font-family:'Raleway',sans-serif;font-size:.78rem;font-weight:800;color:var(--acc2)}
.vip-arc__pct{font-size:.68rem;color:var(--text2);margin-top:2px}
.loyalty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
@media(max-width:700px){.loyalty-grid{grid-template-columns:1fr}}
.loyalty-card{
  background:var(--bg);
  border:1px solid rgba(16,185,129,.1);
  border-radius:var(--rad);padding:24px;
}
.loyalty-card__icon{font-size:2rem;margin-bottom:10px}
.loyalty-card__t{font-family:'Raleway',sans-serif;font-size:.98rem;font-weight:700;margin-bottom:8px}
.loyalty-card__d{font-size:.87rem;color:var(--text2);line-height:1.6}

/* === GUIDE === */
.guide-inner{max-width:900px;margin:0 auto}
.sub-h3{
  font-family:'Raleway',sans-serif;font-size:1.08rem;font-weight:800;
  color:var(--acc2);margin:0 0 8px;
}
.sub-p{color:var(--text2);font-size:.92rem;line-height:1.72;margin-bottom:24px}

/* === REVIEWS === */
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
@media(max-width:700px){.rev-grid{grid-template-columns:1fr}}
.rev-card{
  background:var(--surf2);
  border:1px solid rgba(16,185,129,.1);
  border-radius:var(--rad);padding:24px;
}
.rev-stars{color:var(--acc2);font-size:1rem;margin-bottom:10px}
.rev-text{font-size:.88rem;color:var(--text2);line-height:1.65;margin-bottom:12px}
.rev-author{font-family:'Raleway',sans-serif;font-size:.76rem;font-weight:700;color:var(--acc2)}

/* === PAYMENTS === */
.pay-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));
  gap:14px;margin:28px 0;
}
.pay-card{
  background:var(--surf);border:1px solid rgba(16,185,129,.1);
  border-radius:var(--rad);padding:16px;text-align:center;
}
.pay-card__name{font-family:'Raleway',sans-serif;font-size:.84rem;font-weight:700;margin-bottom:4px}
.pay-card__detail{font-size:.7rem;color:var(--text2)}

/* === FINAL CTA === */
.flux-final{background:linear-gradient(140deg,#071f0e,var(--surf));padding:80px 24px;text-align:center}
.flux-final h2{
  font-family:'Raleway',sans-serif;
  font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;margin-bottom:16px;
}
.flux-final p{color:var(--text2);font-size:1rem;max-width:520px;margin:0 auto 28px}
.flux-final__btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* === TOUR === */
.tour-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}
@media(max-width:700px){.tour-kpi{grid-template-columns:repeat(2,1fr)}}
.tour-kpi__item{
  background:var(--surf);border:1px solid rgba(16,185,129,.1);
  border-radius:var(--rad);padding:20px;text-align:center;
}
.tour-kpi__val{font-family:'Raleway',sans-serif;font-size:1.25rem;font-weight:800;color:var(--acc);margin-bottom:4px}
.tour-kpi__label{font-size:.76rem;color:var(--text2)}

/* === FAQ === */
.faq-inner{max-width:820px;margin:0 auto}
.faq-item{border:1px solid rgba(16,185,129,.12);border-radius:var(--rad);margin-bottom:12px;overflow:hidden}
.faq-item summary{
  list-style:none;cursor:pointer;padding:18px 20px;
  font-family:'Raleway',sans-serif;font-size:.93rem;font-weight:700;
  display:flex;justify-content:space-between;align-items:center;gap:12px;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'＋';flex-shrink:0;color:var(--acc2);font-size:1.1rem;transition:transform var(--trans)}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item__body{padding:0 20px 18px;color:var(--text2);font-size:.88rem;line-height:1.7}

/* === AUTHOR === */
.flux-author{background:var(--surf);padding:48px 24px;border-top:1px solid rgba(16,185,129,.1)}
.author-inner{max-width:820px;margin:0 auto;display:flex;gap:20px;align-items:flex-start}
.author-ava{
  width:54px;height:54px;border-radius:50%;background:var(--acc);
  display:flex;align-items:center;justify-content:center;
  font-family:'Raleway',sans-serif;font-size:1.05rem;font-weight:800;
  color:#030f06;flex-shrink:0;
}
.author-name{font-family:'Raleway',sans-serif;font-size:.93rem;font-weight:700;margin-bottom:4px}
.author-meta{font-size:.8rem;color:var(--text2);line-height:1.6}

/* === FOOTER === */
footer{background:var(--bg);border-top:1px solid rgba(16,185,129,.1);padding:40px 24px 24px}
.footer-inner{max-width:900px;margin:0 auto}
.footer-legal{font-size:.73rem;color:var(--text2);line-height:1.65;margin-top:24px}

/* === UTILS === */
.trust-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.trust-badge{
  background:rgba(16,185,129,.07);border:1px solid rgba(16,185,129,.2);
  border-radius:6px;padding:6px 14px;font-size:.73rem;font-weight:700;color:var(--acc2);
}
@media(max-width:600px){
  .flux-nav{display:none}
  .slot-grid{grid-template-columns:repeat(2,1fr)}
  .rev-grid{grid-template-columns:1fr}
  .loyalty-grid{grid-template-columns:1fr}
}