/* ============ RMT — Revolution Market Trends ============ */
:root{
  --navy: #050b33;
  --navy-2: #0a1657;
  --blue-1: #12238f;
  --blue-2: #1c4fd8;
  --blue-3: #2f8fe0;
  --blue-light: #7fd9ec;
  --cyan: #2fd8e8;
  --cyan-light: #8ff2f7;
  --white: #ffffff;
  --off-white: #f2f8ff;
  --text-soft: #cddaf5;
  --text-dim: #93a6cf;
  --gray: #93a6cf;
  --green: #14c471;
  --red: #ff4d4f;
  --gold: #f5b301;
  --radius: 18px;
  --shadow-soft: 0 10px 30px rgba(2, 6, 23, 0.35);
  --shadow-strong: 0 20px 50px rgba(2, 6, 23, 0.5);
  --grad-blue: linear-gradient(135deg, var(--blue-1) 0%, var(--blue-2) 50%, var(--cyan) 100%);
  --grad-navy: linear-gradient(160deg, #030720 0%, #0a1657 55%, #12238f 100%);
  --grad-navy-alt: linear-gradient(200deg, #020512 0%, #12238f 50%, #0a1657 100%);
  --glass-bg: rgba(255,255,255,0.05);
  --glass-bg-hover: rgba(255,255,255,0.09);
  --glass-border: rgba(255,255,255,0.14);
}

*{ margin:0; padding:0; box-sizing:border-box; }

html{ scroll-behavior:smooth; }

body{
  font-family:'Poppins', sans-serif;
  color:var(--text-soft);
  background:var(--navy);
  overflow-x:hidden;
  line-height:1.6;
}

.container{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}

img{ max-width:100%; display:block; }
ul{ list-style:none; }
a{ text-decoration:none; color:inherit; }

/* ---------- animated background particles ---------- */
.bg-particles{
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 20%, rgba(28,79,216,0.10) 0%, transparent 40%),
    radial-gradient(circle at 85% 10%, rgba(47,216,232,0.10) 0%, transparent 40%),
    radial-gradient(circle at 50% 80%, rgba(11,61,145,0.08) 0%, transparent 45%);
}

/* ---------- grad text util ---------- */
.grad-text{
  background:var(--grad-blue);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:14px 30px;
  border-radius:50px;
  font-weight:600;
  font-size:15px;
  cursor:pointer;
  transition:.35s ease;
  border:none;
}
.btn-primary{
  background:var(--grad-blue);
  color:#fff;
  box-shadow:0 10px 25px rgba(21,101,216,0.4);
}
.btn-primary:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 34px rgba(21,101,216,0.55);
}
.btn-primary .arrow{ transition:transform .3s; }
.btn-primary:hover .arrow{ transform:translateX(4px); }
.btn-outline{
  background:transparent;
  color:#fff;
  border:2px solid rgba(255,255,255,0.35);
}
.btn-outline:hover{
  background:#fff;
  color:var(--blue-1);
  transform:translateY(-3px);
}

/* ================= NAVBAR ================= */
.navbar{
  position:fixed;
  top:0; left:0; right:0;
  z-index:1000;
  padding:16px 0;
  transition:.35s ease;
  background:rgba(3, 7, 32, 0.0);
}
.navbar.scrolled{
  background:rgba(3, 7, 32, 0.92);
  backdrop-filter:blur(14px);
  padding:10px 0;
  box-shadow:0 10px 30px rgba(0,0,0,0.25);
}
.nav-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.logo{ display:flex; align-items:center; gap:12px; }
.logo-mark{
  width:52px; height:52px;
  object-fit:contain;
  border-radius:50%;
  box-shadow:0 0 0 3px rgba(255,255,255,0.08), 0 0 20px rgba(28,79,216,0.6);
  animation:pulseGlow 3s ease-in-out infinite;
}
.logo-mark.large{
  width:100px; height:100px;
  margin:0 auto 20px;
}
@keyframes pulseGlow{
  0%,100%{ box-shadow:0 0 0 3px rgba(255,255,255,0.15), 0 0 18px rgba(28,79,216,0.5); }
  50%{ box-shadow:0 0 0 5px rgba(255,255,255,0.25), 0 0 32px rgba(47,216,232,0.85); }
}
.logo-text{ display:flex; flex-direction:column; line-height:1.1; }
.logo-title{ font-weight:800; font-size:15px; color:#fff; }
.logo-sub{ font-size:11px; color:var(--blue-light); letter-spacing:.5px; }
.nav-links{ display:flex; align-items:center; gap:28px; }
.nav-links a{
  color:#dce7fb;
  font-size:14.5px;
  font-weight:500;
  position:relative;
  transition:.25s;
}
.nav-links a:not(.nav-cta)::after{
  content:'';
  position:absolute;
  left:0; bottom:-6px;
  width:0; height:2px;
  background:var(--cyan);
  transition:.3s;
}
.nav-links a:not(.nav-cta):hover::after{ width:100%; }
.nav-links a:hover{ color:#fff; }
.nav-login{
  padding:9px 20px;
  border-radius:50px;
  border:1.5px solid rgba(255,255,255,0.3);
  color:#fff !important;
  font-weight:600;
}
.nav-login:hover{
  border-color:var(--cyan);
  background:rgba(47,216,232,0.1);
}
.nav-login::after{ display:none; }
.nav-cta{
  background:var(--grad-blue);
  padding:10px 22px;
  border-radius:50px;
  color:#fff !important;
  font-weight:600;
  box-shadow:0 8px 20px rgba(21,101,216,0.5);
}
.nav-cta:hover{ transform:translateY(-2px); }

.hamburger{
  display:none;
  flex-direction:column;
  gap:5px;
  background:none;
  border:none;
  cursor:pointer;
  z-index:1100;
}
.hamburger span{
  width:26px; height:3px;
  background:#fff;
  border-radius:2px;
  transition:.3s;
}

/* ================= HERO ================= */
.hero{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  background:var(--grad-navy);
  overflow:hidden;
  padding:120px 0 60px;
}
.hero-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(90px);
  opacity:.55;
  pointer-events:none;
}
.glow1{
  width:500px; height:500px;
  background:var(--blue-2);
  top:-150px; right:-100px;
  animation:floatSlow 10s ease-in-out infinite;
}
.glow2{
  width:400px; height:400px;
  background:var(--cyan);
  bottom:-150px; left:-100px;
  animation:floatSlow 12s ease-in-out infinite reverse;
}
@keyframes floatSlow{
  0%,100%{ transform:translate(0,0); }
  50%{ transform:translate(30px,-30px); }
}
.hero-inner{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:50px;
  align-items:center;
  position:relative;
  z-index:2;
}
.badge{
  display:inline-block;
  padding:8px 18px;
  border-radius:50px;
  background:rgba(47,216,232,0.12);
  border:1px solid rgba(47,216,232,0.4);
  color:var(--cyan);
  font-size:12.5px;
  font-weight:600;
  letter-spacing:.4px;
  margin-bottom:20px;
}
.hero-text h1{
  font-size:clamp(2.4rem, 5vw, 3.8rem);
  font-weight:900;
  color:#fff;
  line-height:1.1;
  margin-bottom:18px;
}
.hero-desc{
  color:#b7c6e5;
  font-size:17px;
  max-width:520px;
  margin-bottom:30px;
}
.hero-btns{ display:flex; gap:16px; margin-bottom:36px; flex-wrap:wrap; }

.hero-tags{ display:flex; gap:14px; flex-wrap:wrap; }
.tag{
  display:flex; align-items:center; gap:8px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.12);
  padding:10px 16px;
  border-radius:12px;
  color:#dce7fb;
  font-size:13.5px;
  font-weight:500;
  transition:.3s;
}
.tag:hover{
  background:rgba(47,216,232,0.15);
  transform:translateY(-4px);
  border-color:var(--cyan);
}

/* Dashboard card visual */
.dashboard-card{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:20px;
  padding:22px;
  backdrop-filter:blur(20px);
  box-shadow:var(--shadow-strong);
  animation:floatCard 5s ease-in-out infinite;
}
@keyframes floatCard{
  0%,100%{ transform:translateY(0px); }
  50%{ transform:translateY(-14px); }
}
.dash-head{ display:flex; align-items:center; gap:8px; margin-bottom:18px; }
.dot{ width:10px; height:10px; border-radius:50%; }
.dot.red{ background:#ff5f57; }
.dot.yellow{ background:#febc2e; }
.dot.green{ background:#28c840; }
.dash-title{ margin-left:8px; color:#9db3d9; font-size:13px; font-weight:600; }
.dash-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-bottom:16px;
}
.dash-item{
  background:rgba(255,255,255,0.05);
  border-radius:12px;
  padding:12px 14px;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.dash-label{ font-size:11px; color:#8fa2c9; font-weight:600; letter-spacing:.5px; }
.dash-value{ font-size:16px; color:#fff; font-weight:700; }
.dash-change{ font-size:11.5px; font-weight:600; }
.dash-change.up{ color:#3ddc84; }
.chart-wrap{
  background:rgba(0,0,0,0.15);
  border-radius:12px;
  padding:10px;
  margin-bottom:14px;
}
.live-chart{ width:100%; height:70px; }
.chart-line{
  fill:none;
  stroke:var(--cyan);
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 6px rgba(47,216,232,0.7));
  stroke-dasharray:600;
  stroke-dashoffset:600;
  animation:drawLine 2.5s ease forwards 0.5s;
}
@keyframes drawLine{ to{ stroke-dashoffset:0; } }
.dash-footer{
  display:flex; align-items:center; gap:8px;
  color:#8fa2c9; font-size:12px; font-weight:500;
}
.pulse-dot{
  width:8px; height:8px; border-radius:50%;
  background:#3ddc84;
  box-shadow:0 0 0 0 rgba(61,220,132,0.7);
  animation:pulseDot 1.6s infinite;
}
@keyframes pulseDot{
  0%{ box-shadow:0 0 0 0 rgba(61,220,132,0.6); }
  70%{ box-shadow:0 0 0 10px rgba(61,220,132,0); }
  100%{ box-shadow:0 0 0 0 rgba(61,220,132,0); }
}

.scroll-indicator{
  position:absolute;
  bottom:28px; left:50%;
  transform:translateX(-50%);
  width:26px; height:42px;
  border:2px solid rgba(255,255,255,0.35);
  border-radius:16px;
  z-index:2;
}
.scroll-indicator span{
  position:absolute;
  top:8px; left:50%;
  width:4px; height:8px;
  background:var(--cyan);
  border-radius:2px;
  transform:translateX(-50%);
  animation:scrollDown 1.8s infinite;
}
@keyframes scrollDown{
  0%{ top:8px; opacity:1; }
  70%{ top:22px; opacity:0; }
  100%{ top:22px; opacity:0; }
}

/* ================= SECTION COMMON ================= */
.section{
  padding:110px 0;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 15%, rgba(47,216,232,0.08) 0%, transparent 40%),
    radial-gradient(circle at 88% 85%, rgba(28,79,216,0.14) 0%, transparent 45%),
    var(--grad-navy);
}
.section-alt{
  background:
    radial-gradient(circle at 90% 10%, rgba(47,216,232,0.09) 0%, transparent 40%),
    radial-gradient(circle at 8% 90%, rgba(28,79,216,0.14) 0%, transparent 45%),
    var(--grad-navy-alt);
}
.section-head{ text-align:center; max-width:720px; margin:0 auto 60px; position:relative; z-index:2; }
.eyebrow{
  display:inline-block;
  color:var(--cyan);
  background:rgba(47,216,232,0.1);
  border:1px solid rgba(47,216,232,0.35);
  padding:6px 16px;
  border-radius:50px;
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.6px;
  text-transform:uppercase;
  margin-bottom:14px;
}
.section-head h2{
  font-size:clamp(2rem, 4vw, 2.7rem);
  font-weight:800;
  color:#fff;
}
.section-sub{ color:var(--text-soft); margin-top:10px; font-size:16px; }
.vs-word{ color:#ff8688; }

/* ================= ABOUT ================= */
.about-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:50px;
  align-items:start;
  position:relative; z-index:2;
}
.about-text p{ color:var(--text-soft); margin-bottom:16px; font-size:15.5px; }
.about-mini-stats{ display:flex; flex-direction:column; gap:12px; margin-top:24px; }
.mini-stat{
  display:flex; align-items:center; gap:12px;
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  backdrop-filter:blur(12px);
  padding:12px 16px;
  border-radius:12px;
  box-shadow:var(--shadow-soft);
  font-weight:600;
  font-size:14px;
  color:#fff;
  transition:.3s;
}
.mini-stat:hover{ transform:translateX(8px); background:var(--glass-bg-hover); border-color:var(--cyan); }
.mini-icon{ font-size:20px; }

.about-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.feature-card{
  background:var(--glass-bg);
  border-radius:var(--radius);
  padding:26px 20px;
  text-align:center;
  box-shadow:var(--shadow-soft);
  transition:.35s;
  border:1px solid var(--glass-border);
  backdrop-filter:blur(12px);
}
.feature-card:hover{
  transform:translateY(-10px);
  background:var(--glass-bg-hover);
  box-shadow:0 24px 40px rgba(2,6,23,0.4);
  border-color:var(--cyan);
}
.fc-icon{ font-size:32px; margin-bottom:14px; }
.feature-card h3{ font-size:15.5px; color:#fff; margin-bottom:6px; }
.feature-card p{ font-size:13px; color:var(--text-dim); }

/* ================= MISSION / VISION ================= */
.mv-grid{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:26px;
  align-items:center;
  position:relative; z-index:2;
}
.mv-card{
  background:var(--glass-bg);
  border-radius:var(--radius);
  padding:36px 30px;
  box-shadow:var(--shadow-soft);
  transition:.35s;
  border:1px solid var(--glass-border);
  border-top:4px solid var(--cyan);
  backdrop-filter:blur(12px);
}
.mv-card:hover{ transform:translateY(-8px); background:var(--glass-bg-hover); }
.mv-icon{ font-size:34px; margin-bottom:14px; }
.mv-card h3{ font-size:20px; color:#fff; margin-bottom:12px; }
.mv-card p{ color:var(--text-dim); font-size:14.5px; }
.mv-center{ display:flex; justify-content:center; }
.mv-circle{
  width:90px; height:90px;
  border-radius:50%;
  background:var(--grad-blue);
  display:flex; align-items:center; justify-content:center;
  font-size:34px;
  box-shadow:0 15px 35px rgba(21,101,216,0.45);
  animation:spinSlow 8s linear infinite;
}
@keyframes spinSlow{ from{ transform:rotate(0);} to{ transform:rotate(360deg);} }
.mv-tags{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px;
  margin-top:50px;
  position:relative; z-index:2;
}
.mv-tag{
  display:flex; align-items:center; gap:8px;
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  padding:12px 20px;
  border-radius:50px;
  font-size:13.5px;
  font-weight:600;
  color:#fff;
  box-shadow:var(--shadow-soft);
  transition:.3s;
  backdrop-filter:blur(12px);
}
.mv-tag:hover{ transform:translateY(-4px) scale(1.04); background:var(--grad-blue); border-color:transparent; }
.mv-tag-icon{ font-size:16px; }

/* ================= COMPARISON ================= */
.compare-grid{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:20px;
  align-items:center;
  position:relative; z-index:2;
}
.compare-col{
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  border-radius:var(--radius);
  padding:10px;
  box-shadow:var(--shadow-soft);
  overflow:hidden;
  backdrop-filter:blur(12px);
}
.compare-head{
  padding:18px;
  border-radius:14px;
  text-align:center;
  font-weight:800;
  font-size:18px;
  color:#fff;
  margin-bottom:14px;
}
.compare-col.bad .compare-head{ background:linear-gradient(135deg,#ff4d4f,#c0272a); }
.compare-col.good .compare-head{ background:linear-gradient(135deg,#14c471,#0a8f52); }
.compare-col li{
  display:flex; align-items:center; gap:12px;
  padding:14px 16px;
  margin-bottom:8px;
  border-radius:10px;
  background:rgba(255,255,255,0.04);
  font-weight:500;
  font-size:14.5px;
  color:var(--text-soft);
  transition:.25s;
}
.compare-col.bad li:hover{ background:rgba(255,77,79,0.15); transform:translateX(-4px); color:#fff; }
.compare-col.good li:hover{ background:rgba(20,196,113,0.15); transform:translateX(4px); color:#fff; }
.ci{ font-size:18px; }
.compare-vs{
  width:60px; height:60px;
  border-radius:50%;
  background:var(--grad-blue);
  color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-weight:800;
  font-size:18px;
  box-shadow:0 10px 25px rgba(21,101,216,0.5);
}
.compare-footer{
  text-align:center;
  margin-top:40px;
  font-weight:700;
  font-size:16px;
  color:var(--cyan);
  background:rgba(47,216,232,0.08);
  border:1px solid rgba(47,216,232,0.25);
  padding:16px;
  border-radius:14px;
  position:relative; z-index:2;
}

/* ================= PACKAGES ================= */
.pkg-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:20px;
  position:relative; z-index:2;
}
.pkg-card{
  background:var(--glass-bg);
  border-radius:var(--radius);
  padding:34px 18px;
  text-align:center;
  box-shadow:var(--shadow-soft);
  transition:.35s;
  position:relative;
  border:1px solid var(--glass-border);
  backdrop-filter:blur(12px);
}
.pkg-card:hover{
  transform:translateY(-12px);
  background:var(--glass-bg-hover);
  box-shadow:0 26px 46px rgba(2,6,23,0.45);
  border-color:var(--cyan);
}
.pkg-icon{
  width:56px; height:56px;
  border-radius:50%;
  background:var(--grad-blue);
  color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:24px;
  margin:0 auto 16px;
}
.pkg-name{ font-size:13.5px; color:var(--text-dim); font-weight:600; margin-bottom:8px; text-transform:uppercase; letter-spacing:.4px; }
.pkg-price{ font-size:28px; font-weight:800; color:#fff; }
.pkg-card.featured{
  background:linear-gradient(160deg, rgba(245,179,1,0.16), rgba(255,255,255,0.05));
  border:1px solid rgba(245,179,1,0.5);
}
.pkg-card.featured .pkg-name{ color:#ffdf99; }
.pkg-card.featured .pkg-price{ color:#fff; }
.pkg-card.featured .pkg-icon{ background:linear-gradient(135deg,var(--gold),#ffdf80); color:#5a3d00; }
.pkg-badge{
  position:absolute;
  top:-12px; left:50%;
  transform:translateX(-50%);
  background:var(--gold);
  color:#5a3d00;
  font-size:11px;
  font-weight:800;
  padding:5px 14px;
  border-radius:50px;
}
.pkg-tags{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px;
  margin-top:44px;
  position:relative; z-index:2;
}

/* ================= INCOME ================= */
.income-types{
  display:flex;
  justify-content:center;
  gap:26px;
  flex-wrap:wrap;
  margin-bottom:60px;
  position:relative; z-index:2;
}
.income-type{
  display:flex; align-items:center; gap:12px;
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  padding:16px 28px;
  border-radius:50px;
  box-shadow:var(--shadow-soft);
  font-weight:700;
  font-size:15px;
  color:#fff;
  transition:.3s;
  backdrop-filter:blur(12px);
}
.income-type:hover{ transform:translateY(-4px); background:var(--grad-blue); border-color:transparent; }
.it-icon{ font-size:20px; }

.monthly-highlight{
  display:flex;
  align-items:center;
  gap:40px;
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  border-radius:24px;
  padding:44px;
  margin-bottom:60px;
  box-shadow:var(--shadow-strong);
  flex-wrap:wrap;
  position:relative; z-index:2;
  backdrop-filter:blur(12px);
}
.mh-percent{
  font-size:5rem;
  font-weight:900;
  color:#fff;
  text-shadow:0 0 30px rgba(47,216,232,0.7);
}
.mh-text h3{ color:#fff; font-size:22px; margin-bottom:10px; }
.mh-text p{ color:var(--text-soft); }

.table-wrap{
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  border-radius:var(--radius);
  padding:34px;
  box-shadow:var(--shadow-soft);
  position:relative; z-index:2;
  backdrop-filter:blur(12px);
}
.table-title{ text-align:center; font-size:22px; color:#fff; margin-bottom:24px; }
.rmt-table{ width:100%; border-collapse:separate; border-spacing:0 8px; }
.rmt-table thead th{
  background:var(--grad-blue);
  color:#fff;
  padding:14px;
  font-size:13.5px;
  text-transform:uppercase;
  letter-spacing:.4px;
}
.rmt-table thead th:first-child{ border-radius:10px 0 0 10px; }
.rmt-table thead th:last-child{ border-radius:0 10px 10px 0; }
.rmt-table tbody td{
  background:rgba(255,255,255,0.05);
  text-align:center;
  padding:14px;
  font-weight:600;
  color:#fff;
  transition:.25s;
}
.rmt-table tbody tr:hover td{ background:rgba(47,216,232,0.14); }
.rmt-table tbody td:first-child{ border-radius:10px 0 0 10px; }
.rmt-table tbody td:last-child{ border-radius:0 10px 10px 0; }
.table-note{ text-align:center; margin-top:20px; color:var(--text-dim); font-size:14px; }

/* ================= REWARDS ================= */
.rewards-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
  position:relative; z-index:2;
}
.reward-card{
  border-radius:var(--radius);
  padding:28px 22px;
  color:#fff;
  box-shadow:var(--shadow-soft);
  transition:.35s;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,0.14);
}
.reward-card:hover{ transform:translateY(-10px) scale(1.02); box-shadow:0 26px 46px rgba(0,0,0,0.4); }
.reward-card.bronze{ background:linear-gradient(150deg,#cd7f32,#7a4a1e); }
.reward-card.pearl{ background:linear-gradient(150deg,#e4ecf5,#aab9cf); color:#1a2438; }
.reward-card.pearl .reward-team{ border-bottom-color:rgba(26,36,56,0.15); }
.reward-card.sapphire{ background:linear-gradient(150deg,#2f8fe0,#12238f); }
.reward-card.diamond{ background:linear-gradient(150deg,#7fd9ec,#12238f); }
.reward-rank{ font-size:18px; font-weight:800; margin-bottom:18px; }
.reward-team{ display:flex; justify-content:space-between; font-size:13.5px; padding:8px 0; border-bottom:1px solid rgba(255,255,255,0.15); }
.reward-amount{ margin-top:18px; font-size:22px; font-weight:800; }
.reward-amount small{ display:block; font-size:11px; font-weight:500; opacity:.75; margin-top:2px; }
.reward-note{
  text-align:center;
  margin-top:36px;
  font-weight:600;
  color:var(--cyan);
  background:rgba(47,216,232,0.08);
  border:1px solid rgba(47,216,232,0.25);
  padding:16px;
  border-radius:14px;
  position:relative; z-index:2;
}

/* ================= TERMS ================= */
.terms-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  position:relative; z-index:2;
}
.term-item{
  display:flex; align-items:flex-start; gap:14px;
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  padding:18px 20px;
  border-radius:14px;
  box-shadow:var(--shadow-soft);
  font-size:14.5px;
  color:var(--text-soft);
  font-weight:500;
  transition:.3s;
  border-left:4px solid var(--cyan);
  backdrop-filter:blur(12px);
}
.term-item:hover{ transform:translateX(6px); background:var(--glass-bg-hover); color:#fff; }
.term-icon{ font-size:19px; flex-shrink:0; }

/* ================= FOOTER ================= */
.footer{
  background:var(--grad-navy);
  padding:100px 0 30px;
  position:relative;
  overflow:hidden;
  color:#fff;
}
.footer-glow{
  position:absolute;
  width:600px; height:600px;
  background:var(--blue-2);
  border-radius:50%;
  filter:blur(120px);
  opacity:.35;
  top:-200px; left:50%;
  transform:translateX(-50%);
}
.footer-top{ text-align:center; position:relative; z-index:2; margin-bottom:50px; }
.footer-top h2{ font-size:clamp(2rem,4vw,3rem); font-weight:900; margin-bottom:8px; }
.footer-top p{ color:var(--blue-light); font-size:16px; }
.footer-cards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  position:relative; z-index:2;
  margin-bottom:44px;
}
.footer-card{
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:16px;
  padding:26px 18px;
  text-align:center;
  transition:.3s;
}
.footer-card:hover{ background:rgba(47,216,232,0.12); transform:translateY(-8px); border-color:var(--cyan); }
.footer-card .fc-icon{ font-size:28px; margin-bottom:10px; }
.footer-card h4{ font-size:14.5px; margin-bottom:6px; }
.footer-card p{ font-size:12.5px; color:#b7c6e5; }
.footer-cta{ text-align:center; position:relative; z-index:2; margin-bottom:50px; }
.footer-bottom{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:30px;
  padding:26px 0;
  border-top:1px solid rgba(255,255,255,0.12);
  border-bottom:1px solid rgba(255,255,255,0.12);
  color:#b7c6e5;
  font-size:13.5px;
  font-weight:500;
}
.footer-copy{ text-align:center; padding-top:24px; color:#7c8db3; font-size:13px; }

/* ================= BACK TO TOP ================= */
.back-to-top{
  position:fixed;
  bottom:28px; right:28px;
  width:48px; height:48px;
  border-radius:50%;
  background:var(--grad-blue);
  color:#fff;
  border:none;
  font-size:20px;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(21,101,216,0.5);
  display:flex; align-items:center; justify-content:center;
  opacity:0;
  visibility:hidden;
  transform:translateY(20px);
  transition:.35s;
  z-index:999;
}
.back-to-top.show{ opacity:1; visibility:visible; transform:translateY(0); }
.back-to-top:hover{ transform:translateY(-4px); }

/* ================= SCROLL REVEAL ANIMATIONS ================= */
.reveal{
  opacity:0;
  transform:translateY(50px);
  transition:opacity .8s ease, transform .8s ease;
}
.reveal.in-view{ opacity:1; transform:translateY(0); }

.fade-up{ opacity:0; transform:translateY(30px); animation:fadeUp .8s ease forwards; }
.fade-in{ opacity:0; animation:fadeIn 1.2s ease forwards; }
.delay-1{ animation-delay:.15s; }
.delay-2{ animation-delay:.3s; }
.delay-3{ animation-delay:.45s; }
.delay-4{ animation-delay:.6s; }
@keyframes fadeUp{ to{ opacity:1; transform:translateY(0); } }
@keyframes fadeIn{ to{ opacity:1; } }

/* ================= RESPONSIVE ================= */
@media (max-width: 1024px){
  .hero-inner{ grid-template-columns:1fr; }
  .hero-text{ text-align:center; }
  .hero-btns, .hero-tags{ justify-content:center; }
  .about-grid, .mv-grid{ grid-template-columns:1fr; }
  .mv-center{ order:-1; }
  .compare-grid{ grid-template-columns:1fr; }
  .compare-vs{ margin:0 auto; }
  .pkg-grid{ grid-template-columns:repeat(3,1fr); }
  .rewards-grid{ grid-template-columns:repeat(2,1fr); }
  .footer-cards{ grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 768px){
  .nav-links{
    position:fixed;
    top:0; right:0;
    height:100vh;
    width:70%;
    background:var(--grad-navy);
    flex-direction:column;
    justify-content:center;
    gap:28px;
    transform:translateX(100%);
    transition:.4s ease;
    z-index:1050;
  }
  .nav-links.open{ transform:translateX(0); }
  .hamburger{ display:flex; }
  .about-cards{ grid-template-columns:1fr; }
  .pkg-grid{ grid-template-columns:repeat(2,1fr); }
  .terms-grid{ grid-template-columns:1fr; }
  .rewards-grid{ grid-template-columns:1fr; }
  .footer-cards{ grid-template-columns:1fr; }
  .monthly-highlight{ flex-direction:column; text-align:center; }
  .dash-grid{ grid-template-columns:1fr 1fr; }
}

@media (max-width: 480px){
  .pkg-grid{ grid-template-columns:1fr; }
}