:root {
    --orange: #f7931a;
    --orange-light: #ffb347;
    --orange-dark: #c97116;
    --gold: #ffd700;
    --bg-dark: #0a0a0a;
    --bg-card: #111111;
    --border: rgba(247,147,26,0.25);
    --text: #e8e8e8;
    --text-dim: #888;
    --green: #00e676;
    --blue: #00b4ff;
    --pink: #ff4081;
  }
  * { margin:0; padding:0; box-sizing:border-box; }
  html { scroll-behavior:smooth; }
  body { background:var(--bg-dark); color:var(--text); font-family:'Exo 2',sans-serif; overflow-x:hidden; }

  /* PARTICLES */
  #particles { position:fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:0; overflow:hidden; }
  .particle { position:absolute; width:2px; height:2px; background:var(--orange); border-radius:50%; animation:floatUp linear infinite; opacity:0; }
  @keyframes floatUp {
    0%   { transform:translateY(100vh) translateX(0); opacity:0; }
    10%  { opacity:0.5; }
    90%  { opacity:0.2; }
    100% { transform:translateY(-10vh) translateX(60px); opacity:0; }
  }

  
 

  /* HERO */
  .hero {
    position:relative; min-height:100vh; display:flex; align-items:center; overflow:hidden;
    background:radial-gradient(ellipse 80% 60% at 50% 30%, rgba(247,147,26,0.1) 0%, transparent 65%), #0a0a0a;
  }
  .hero::before {
    content:''; position:absolute; inset:0;
    background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f7931a' fill-opacity='0.025'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");
  }
  .hero-badge { display:inline-block; background:rgba(247,147,26,0.1); border:1px solid rgba(247,147,26,0.4); border-radius:50px; padding:6px 18px; font-size:0.78rem; font-family:'Rajdhani',sans-serif; font-weight:700; letter-spacing:2px; color:var(--orange); text-transform:uppercase; margin-bottom:20px; }
  .hero h1 { font-family:'Orbitron',sans-serif; font-weight:900; line-height:1.1; margin-bottom:14px; }
  .hero h1 span { color:var(--orange); }
  .hero-sub { font-size:1.05rem; color:var(--text-dim); max-width:520px; line-height:1.75; margin-bottom:30px; }
  .hero-stat-bar { display:flex; gap:28px; flex-wrap:wrap; margin-top:44px; padding-top:32px; border-top:1px solid var(--border); }
  .hero-stat h3 { font-family:'Orbitron',sans-serif; font-size:1.5rem; font-weight:700; color:var(--orange); }
  .hero-stat p { font-size:0.8rem; color:var(--text-dim); letter-spacing:1px; text-transform:uppercase; }

  /* HERO IMAGE */
  .hero-img-col { position:relative; }
  .hero-main-img {
    width:100%; max-width:480px; border-radius:24px;
    filter:drop-shadow(0 0 60px rgba(247,147,26,0.4));
    animation:heroFloat 6s ease-in-out infinite;
    position:relative; z-index:2;
  }
  @keyframes heroFloat { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-18px);} }
  .hero-bg-glow {
    position:absolute; width:420px; height:420px;
    background:radial-gradient(circle, rgba(247,147,26,0.22), transparent 70%);
    top:50%; left:50%; transform:translate(-50%,-50%);
    pointer-events:none; animation:glowPulse 3s ease-in-out infinite;
  }
  @keyframes glowPulse { 0%,100%{opacity:0.6;} 50%{opacity:1;} }

  /* BUTTONS */
  .btn-primary-c { background:linear-gradient(135deg,var(--orange),#e67e00); color:#fff; border:none; border-radius:8px; padding:13px 34px; font-family:'Rajdhani',sans-serif; font-weight:700; font-size:1rem; letter-spacing:1.5px; text-transform:uppercase; cursor:pointer; transition:all 0.3s; box-shadow:0 0 28px rgba(247,147,26,0.45); text-decoration:none; display:inline-block; }
  .btn-primary-c:hover { transform:translateY(-3px); box-shadow:0 0 48px rgba(247,147,26,0.75); color:#fff; }
  .btn-outline-c { background:transparent; color:var(--orange); border:2px solid var(--orange); border-radius:8px; padding:11px 32px; font-family:'Rajdhani',sans-serif; font-weight:700; font-size:1rem; letter-spacing:1.5px; text-transform:uppercase; cursor:pointer; transition:all 0.3s; text-decoration:none; display:inline-block; }
  .btn-outline-c:hover { background:var(--orange); color:#fff; transform:translateY(-3px); }

  /* SECTION HEADERS */
  .section-label { font-family:'Rajdhani',sans-serif; font-weight:700; font-size:0.78rem; letter-spacing:3px; color:var(--orange); text-transform:uppercase; margin-bottom:8px; }
  .section-title { font-family:'Orbitron',sans-serif; font-weight:800; font-size:clamp(1.5rem,3.2vw,2.6rem); line-height:1.2; }
  .section-title span { color:var(--orange); }
  .section-sub { color:var(--text-dim); font-size:0.98rem; max-width:600px; margin:12px auto 0; line-height:1.7; }
  .orange-divider { width:55px; height:3px; background:var(--orange); border-radius:2px; margin:14px 0; }
  .orange-divider.center { margin:14px auto; }
  .glow-line { width:100%; height:1px; background:linear-gradient(90deg,transparent,var(--orange),transparent); opacity:0.3; }

  /* SCROLL REVEAL */
  .reveal { opacity:0; transform:translateY(36px); transition:all 0.7s ease; }
  .reveal.visible { opacity:1; transform:translateY(0); }

  /* ──────────────────────────────────────────
     ABOUT SECTION  — crowd2.jpg as bg
  ────────────────────────────────────────── */
  .about-section {
    padding:100px 0; position:relative; z-index:1;
    background:linear-gradient(180deg,rgba(10,10,10,1) 0%,rgba(10,10,10,0.85) 50%,rgba(10,10,10,1) 100%);
  }
  .about-bg {
    position:absolute; inset:0;
    background:url('crowd2.jpg') center/cover no-repeat;
    opacity:0.07; z-index:0;
  }
  .feature-card { background:var(--bg-card); border:1px solid var(--border); border-radius:14px; padding:30px 26px; height:100%; transition:all 0.4s; position:relative; overflow:hidden; }
  .feature-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--orange),transparent); transform:scaleX(0); transform-origin:left; transition:transform 0.4s; }
  .feature-card:hover { border-color:var(--orange); transform:translateY(-6px); box-shadow:0 20px 55px rgba(247,147,26,0.14); }
  .feature-card:hover::before { transform:scaleX(1); }
  .feature-icon { width:50px; height:50px; background:rgba(247,147,26,0.1); border:1px solid rgba(247,147,26,0.28); border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.3rem; color:var(--orange); margin-bottom:16px; }

  /* ──────────────────────────────────────────
     BITCOIN SECTION  — crowd3.jpg as right visual
  ────────────────────────────────────────── */
  .bitcoin-section { padding:100px 0; background:#0f0f0f; position:relative; z-index:1; }
  .btc-card { background:var(--bg-card); border-radius:14px; padding:26px 22px; border-left:4px solid; display:flex; align-items:flex-start; gap:16px; margin-bottom:18px; transition:transform 0.3s; }
  .btc-card:hover { transform:translateX(6px); }
  .btc-icon { width:44px; height:44px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1.1rem; flex-shrink:0; }
  .btc-card.blue { border-color:var(--blue); } .btc-icon.blue { background:rgba(0,180,255,0.12); color:var(--blue); }
  .btc-card.green { border-color:var(--green); } .btc-icon.green { background:rgba(0,230,118,0.12); color:var(--green); }
  .btc-card.gold { border-color:var(--gold); } .btc-icon.gold { background:rgba(255,215,0,0.12); color:var(--gold); }
  .btc-card.pink { border-color:var(--pink); } .btc-icon.pink { background:rgba(255,64,129,0.12); color:var(--pink); }
  .btc-card h6 { font-family:'Rajdhani',sans-serif; font-weight:700; font-size:1rem; margin-bottom:4px; color:#fff; }
  .btc-card p { font-size:0.87rem; color:var(--text-dim); margin:0; }
  /* crowd3 side image */
  .btc-visual-wrap { position:relative; }
  .btc-visual-img { width:100%; border-radius:20px; box-shadow:0 0 60px rgba(247,147,26,0.25); animation:heroFloat 7s ease-in-out infinite; }
  .btc-visual-badge { position:absolute; bottom:20px; left:20px; background:rgba(10,10,10,0.88); border:1px solid var(--orange); border-radius:10px; padding:12px 18px; backdrop-filter:blur(10px); }
  .btc-visual-badge h4 { font-family:'Orbitron',sans-serif; font-size:1.2rem; font-weight:800; color:var(--orange); margin:0; }
  .btc-visual-badge p { font-size:0.75rem; color:var(--text-dim); margin:0; text-transform:uppercase; letter-spacing:1px; }

  /* ──────────────────────────────────────────
     INCOME SECTION  — crowd4.jpg bg + side image
  ────────────────────────────────────────── */
  .income-section { padding:100px 0; position:relative; z-index:1; overflow:hidden; }
  .income-bg {
    position:absolute; inset:0;
    background:url('crowd4.jpg') center/cover no-repeat;
    opacity:0.06; z-index:0;
  }
  .income-card { background:linear-gradient(135deg,#161616,#111); border:1px solid var(--border); border-radius:16px; padding:38px 30px; text-align:center; position:relative; overflow:hidden; transition:all 0.4s; }
  .income-card::after { content:''; position:absolute; inset:0; background:radial-gradient(circle at 50% 0%,rgba(247,147,26,0.07),transparent 60%); pointer-events:none; }
  .income-card:hover { border-color:var(--orange); box-shadow:0 28px 70px rgba(247,147,26,0.18); }
  .income-amount { font-family:'Orbitron',sans-serif; font-size:2.2rem; font-weight:900; color:var(--orange); margin-bottom:5px; }
  .income-label { font-family:'Rajdhani',sans-serif; font-weight:600; font-size:0.82rem; letter-spacing:2px; color:var(--text-dim); text-transform:uppercase; }

  /* ──────────────────────────────────────────
     IMAGE GALLERY STRIP  — crowd6.jpg
  ────────────────────────────────────────── */
  .gallery-strip { padding:0; position:relative; z-index:1; overflow:hidden; }
  .gallery-strip img { width:100%; height:320px; object-fit:cover; display:block; }
  .gallery-overlay { position:absolute; inset:0; background:linear-gradient(180deg,rgba(10,10,10,0.5) 0%,rgba(10,10,10,0.2) 50%,rgba(10,10,10,0.7) 100%); display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; padding:20px; }
  .gallery-overlay h2 { font-family:'Orbitron',sans-serif; font-weight:900; font-size:clamp(1.4rem,3vw,2.4rem); color:#fff; text-shadow:0 0 30px rgba(247,147,26,0.8); }
  .gallery-overlay p { color:rgba(255,255,255,0.7); margin-top:8px; font-size:1rem; }

  /* ──────────────────────────────────────────
     SLOTS SECTION
  ────────────────────────────────────────── */
  .slots-section { padding:100px 0; position:relative; z-index:1; }
  .slot-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
  .slot-item { background:var(--bg-card); border:1px solid var(--border); border-radius:12px; padding:18px 14px; text-align:center; transition:all 0.3s; cursor:pointer; }
  .slot-item:hover,.slot-item.featured { border-color:var(--orange); background:rgba(247,147,26,0.08); box-shadow:0 0 26px rgba(247,147,26,0.25); }
  .slot-num { font-family:'Rajdhani',sans-serif; font-weight:700; font-size:0.78rem; color:var(--text-dim); text-transform:uppercase; letter-spacing:1px; }
  .slot-val { font-family:'Orbitron',sans-serif; font-weight:800; font-size:0.92rem; color:var(--orange); margin-top:4px; }

  /* crowd5 dragon float alongside slots */
  .dragon-float { position:relative; }
  .dragon-float img { width:100%; border-radius:20px; filter:drop-shadow(0 0 50px rgba(247,147,26,0.35)); animation:heroFloat 8s ease-in-out infinite; }

  /* ──────────────────────────────────────────
     MATRIX SECTION
  ────────────────────────────────────────── */
  .matrix-section { padding:100px 0; background:#0f0f0f; position:relative; z-index:1; }
  .matrix-table { width:100%; border-collapse:collapse; }
  .matrix-table thead th { background:rgba(247,147,26,0.13); padding:13px 18px; text-align:center; font-family:'Rajdhani',sans-serif; font-weight:700; font-size:0.88rem; letter-spacing:1px; text-transform:uppercase; color:#fff; border-bottom:2px solid var(--orange); }
  .matrix-table tbody td { padding:11px 18px; text-align:center; border-bottom:1px solid rgba(247,147,26,0.07); font-size:0.9rem; }
  .matrix-table tbody tr:hover td { background:rgba(247,147,26,0.05); }
  .matrix-table tbody tr:last-child td { background:rgba(0,230,118,0.07); color:var(--green); font-weight:700; }
  .matrix-table tbody td:first-child { color:var(--text-dim); }
  .matrix-table tbody td:nth-child(2) { color:var(--orange); font-weight:600; }
  .matrix-table tbody td:nth-child(3) { color:var(--gold); }
  .matrix-table tbody td:nth-child(4) { color:var(--green); font-weight:600; }

  /* ──────────────────────────────────────────
     RANKS SECTION  — crowd9.jpg/gemini as bg + side
  ────────────────────────────────────────── */
  .rank-section { padding:100px 0; position:relative; z-index:1; overflow:hidden; }
  .rank-bg {
    position:absolute; inset:0;
    background:url('crowd9.jpg') center/cover no-repeat;
    opacity:0.07; z-index:0;
  }
  .rank-card { background:rgba(17,17,17,0.92); border-radius:16px; padding:34px 22px; text-align:center; border:2px solid transparent; transition:all 0.4s; position:relative; overflow:hidden; backdrop-filter:blur(4px); }
  .rank-card::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 50% 0%,rgba(247,147,26,0.05),transparent 55%); }
  .rank-card:hover { transform:translateY(-8px); }
  .rank-card.star { border-color:#4488ff; }
  .rank-card.gold-r { border-color:var(--gold); }
  .rank-card.platinum { border-color:#c0c0c0; }
  .rank-card.diamond { border-color:#00e5ff; }
  .rank-card.ambassador { border-color:var(--green); }
  .rank-icon { font-size:2.6rem; margin-bottom:12px; display:block; }
  .rank-name { font-family:'Orbitron',sans-serif; font-weight:700; font-size:0.9rem; margin-bottom:8px; }
  .rank-target { font-size:0.78rem; color:var(--text-dim); text-transform:uppercase; letter-spacing:1px; }
  .rank-reward { display:inline-block; background:rgba(247,147,26,0.13); border:1px solid var(--orange); color:var(--orange); padding:5px 16px; border-radius:50px; font-family:'Rajdhani',sans-serif; font-weight:700; font-size:0.95rem; margin-top:12px; }
  .gemini-side { position:relative; }
  .gemini-side img { width:100%; border-radius:20px; filter:drop-shadow(0 0 45px rgba(130,80,255,0.4)); animation:heroFloat 7s ease-in-out infinite; }

  /* ──────────────────────────────────────────
     WALLET SECTION — crowd7.jpg card floating
  ────────────────────────────────────────── */
  .wallet-section { padding:100px 0; position:relative; z-index:1; }
  .wallet-chip { display:flex; align-items:center; gap:10px; background:var(--bg-card); border:1px solid var(--border); border-radius:10px; padding:13px 18px; transition:all 0.3s; cursor:pointer; }
  .wallet-chip:hover { border-color:var(--orange); background:rgba(247,147,26,0.07); transform:translateY(-3px); }
  .wallet-chip span { font-family:'Rajdhani',sans-serif; font-weight:700; font-size:0.98rem; }
  .wallet-benefit { display:flex; align-items:center; gap:10px; padding:9px 0; font-size:0.9rem; color:var(--text-dim); }
  .wallet-benefit i { color:var(--orange); width:16px; }
  .card-float-img { width:100%; max-width:320px; animation:heroFloat 6s ease-in-out infinite; filter:drop-shadow(0 20px 50px rgba(120,40,200,0.5)); margin:0 auto; display:block; }

  /* ──────────────────────────────────────────
     TERMS SECTION
  ────────────────────────────────────────── */
  .terms-section { padding:100px 0; background:#0f0f0f; position:relative; z-index:1; }
  .term-card { background:var(--bg-card); border-radius:14px; padding:28px 22px; height:100%; border-top:3px solid var(--orange); transition:transform 0.3s; }
  .term-card:hover { transform:translateY(-5px); }
  .term-num { font-family:'Orbitron',sans-serif; font-size:1.8rem; font-weight:900; color:rgba(247,147,26,0.18); margin-bottom:8px; }
  .term-card h5 { font-family:'Rajdhani',sans-serif; font-weight:700; font-size:0.98rem; color:var(--orange); margin-bottom:8px; }
  .term-card p { font-size:0.87rem; color:var(--text-dim); line-height:1.6; }

  /* ──────────────────────────────────────────
     CTA SECTION  — crowd9.jpg full bg
  ────────────────────────────────────────── */
  .cta-section {
    padding:120px 0; position:relative; z-index:1; text-align:center; overflow:hidden;
  }
  .cta-bg {
    position:absolute; inset:0;
    background:url('crowd5.jpg') center/cover no-repeat;
    opacity:0.12; z-index:0;
  }
  .cta-overlay { position:absolute; inset:0; background:radial-gradient(ellipse 90% 70% at 50% 50%,rgba(10,10,10,0.4) 0%,rgba(10,10,10,0.85) 80%); z-index:0; }
  .cta-section > .container { position:relative; z-index:2; }
  .cta-section h2 { font-family:'Orbitron',sans-serif; font-weight:900; font-size:clamp(1.7rem,3.8vw,3rem); margin-bottom:14px; }
  .cta-section p { color:var(--text-dim); font-size:1.05rem; margin-bottom:34px; }
  .cta-bar { background:rgba(247,147,26,0.05); border:1px solid var(--border); border-radius:16px; padding:18px 28px; display:flex; justify-content:center; align-items:center; gap:36px; flex-wrap:wrap; margin-top:56px; }
  .cta-bar-item { text-align:center; }
  .cta-bar-item h4 { font-family:'Orbitron',sans-serif; color:var(--orange); font-size:1.2rem; font-weight:700; }
  .cta-bar-item p { font-size:0.76rem; color:var(--text-dim); text-transform:uppercase; letter-spacing:1px; margin:0; }

  /* FOOTER */
  footer { background:#080808; border-top:1px solid var(--border); padding:55px 0 28px; position:relative; z-index:1; }
  .footer-brand { font-family:'Orbitron',sans-serif; font-weight:900; font-size:1.45rem; color:#fff; }
  .footer-brand span { color:var(--orange); }
  .footer-tagline { font-size:0.78rem; color:var(--text-dim); letter-spacing:2px; text-transform:uppercase; margin-top:5px; }
  footer h6 { font-family:'Rajdhani',sans-serif; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--orange); margin-bottom:14px; font-size:0.83rem; }
  footer a { color:var(--text-dim); text-decoration:none; font-size:0.88rem; display:block; margin-bottom:7px; transition:color 0.3s; }
  footer a:hover { color:var(--orange); }
  .footer-bottom { border-top:1px solid var(--border); padding-top:22px; margin-top:38px; text-align:center; color:var(--text-dim); font-size:0.8rem; }

  @media(max-width:768px){
    .slot-grid{grid-template-columns:repeat(2,1fr);}
    .hero-stat-bar{gap:18px;}
  }
  
  
  @media(max-width:576px){
      .site-logo1{
          height:77px !important;
      }
  }