*{margin:0;padding:0;box-sizing:border-box;}
body {
  font-family: 'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, Arial;
  background: var(--bg);
  color: #424141;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  background: url('image/bg-hero.jpg');
  background-size: cover;
  background-position: bottom;
}

a{text-decoration:none !important;color:inherit;}

.pageinner{background:#fff;border:1px solid #efefef;max-width:1100px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important;margin:auto;overflow:hidden;padding-top: 20px;padding-bottom: 10px;}}

#atiNav{background:rgb(254,254,254);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.3);transition:all 0.3s ease;padding:15px 0px;border-bottom:1px solid #e8e8e8;}
#atiNav.nav-scrolled{background:rgba(255,255,255,0.98);}
.ati-glass{background:rgba(255,255,255,0.99);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(254,88,158,0.2);}
.ati-pink{color:#c3065b;}
.ati-gradient-text{background:linear-gradient(135deg,#134e4a,#14b8a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.ati-btn-dark{background:linear-gradient(135deg, #616060, #3f3b3b);border:none;transition:all 0.3s ease;}
.ati-btn-pink{background:linear-gradient(135deg, #f6256a, #444);border:none;transition:all 0.3s ease;}
.ati-btn-dark:hover,.ati-btn-pink:hover{transform:translateY(-2px);color:white;}
.ati-profile-btn{background:rgba(255,255,255,0.5);border:1px solid rgba(254,88,158,0.3);transition:all 0.3s ease;}
.ati-profile-btn:hover{background:rgba(255,255,255,0.8);}
.ati-caret{width:20px;height:20px;background:rgba(231,69,137,0.26);color:#c3065b;}
#atiNav .navbar-nav .nav-item.dropdown:last-of-type .dropdown-toggle::after{display:none !important;}
#atiNav .nav-link:hover,#atiNav .dropdown-item:hover{background:rgba(138,138,138,0.1) !important;color:#333 !important;}
.ati-dot-green{width:8px;height:8px;background:#4ade80;}
.ati-dot-blue{width:8px;height:8px;background:#60a5fa;}
.ati-dot-lime{width:8px;height:8px;background:#a3e635;}
.ati-dot-purple{width:8px;height:8px;background:#c084fc;}
.ati-dot-orange{width:8px;height:8px;background:#fb923c;}
.ati-dot-yellow{width:8px;height:8px;background:#facc15;}
.ati-dot-pink{width:8px;height:8px;background:#f472b6;}
.ati-dot-teal{width:8px;height:8px;background:#2dd4bf;}
.ati-dot-indigo{width:8px;height:8px;background:#818cf8;}
.ati-dot-rose{width:8px;height:8px;background:#fb7185;}
.ati-dot-amber{width:8px;height:8px;background:#fbbf24;}
.ati-dot-emerald{width:8px;height:8px;background:#34d399;}
.ati-dot-red{width:8px;height:8px;background:#f87171;}
.ati-dot-cyan{width:8px;height:8px;background:#22d3ee;}
.ati-dot-violet{width:8px;height:8px;background:#a78bfa;}
.ati-dot-sky{width:8px;height:8px;background:#38bdf8;}
.ati-dot-fuchsia{width:8px;height:8px;background:#e879f9;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2;}
/* ===========================
   HERO SECTION
============================ */
.hero { position: relative; overflow: hidden; padding: 20px 0 60px; }
.hero-bg {
  position: absolute; inset: 0; z-index: 0;
  background: url('image/bg-hero.jpg');
  filter: blur(0px) saturate(0.95) contrast(0.98);
  transform: scale(1.02);
  opacity: 0.5;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
.hero-overlay {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(120deg, rgba(255,74,108,0.10), rgba(139,92,246,0.06) 50%, rgba(255,138,170,0.04));
  mix-blend-mode: overlay;
  animation: overlayShift 12s ease-in-out infinite;
}
@keyframes overlayShift {
  0% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-18px) rotate(1deg); }
  100% { transform: translateY(0) rotate(0deg); }
}

/* Floating elements */
.float-el { position: absolute; border-radius: 50%; z-index: 2; display: flex; align-items: center; justify-content: center; opacity: 0.95; }
.float-1 { width: 150px; height: 150px; left: -6%; top: -4%; background: linear-gradient(180deg,#ff658f69,#ffe6f0); opacity: 0.75; }
.float-2 { width: 110px; height: 110px; right: 6%; top: 12%; background: linear-gradient(180deg,#f2e5e7,#ffdfe6); }
.float-3 { width: 72px; height: 72px; right: -1%; top: 36%; background: linear-gradient(180deg,#f0f7ff,#f5c2d2); z-index: 9999; }
.float-4 { width: 44px; height: 44px; left: 10%; top: 48%; background: linear-gradient(180deg,#fff8e6,#fff0c8); }
.float-5 { width: 36px; height: 36px; right: 22%; top: 56%; background: linear-gradient(180deg,#f4fff6,#e6ffe8); }
.float-money { width: 86px; height: 86px; right: 12%; top: 6%; color: #fff;  }

@keyframes floatSmooth {
  0% { transform: translateY(0) rotate(0deg); opacity: 0.98; }
  50% { transform: translateY(-20px) rotate(6deg); opacity: 1; }
  100% { transform: translateY(0) rotate(0deg); opacity: 0.98; }
}
.float-1 { animation: floatSmooth 11s ease-in-out infinite; }
.float-2 { animation: floatSmooth 8.5s ease-in-out infinite; }
.float-3 { animation: floatSmooth 7s ease-in-out infinite; }
.float-4 { animation: floatSmooth 9s ease-in-out infinite; }
.float-5 { animation: floatSmooth 6.5s ease-in-out infinite; }
.float-money { animation: floatSmooth 10s ease-in-out infinite; transform-origin: center; }

/* Hero card */
.hero-card {
  position: relative; z-index: 3;
  background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(255,255,255,0.86));
  border-radius: 18px; padding: 26px; box-shadow: 0 18px 60px rgba(15,23,42,0.08);
  border: 1px solid rgba(255,255,255,0.6);
}
.hero-title { font-size: 44px; font-weight: 800; line-height: 1.03; letter-spacing: -0.6px; }
@media (max-width:991px){ .hero-title { font-size: 30px; } }
.hero-lead { color: var(--muted); margin-top: 12px; font-size: 15px; line-height: 1.6; }
.accent-pill {
  display: inline-block; padding: 6px 10px; border-radius: 999px;
  background: rgba(255,74,108,0.06); color: #f25476; font-weight: 700; font-size: 13px;
}
.info-badges{
  padding: 5px 0px;
  margin-top: 0px;
}
.badge{
 display: inline-block;
  padding: 6px 20px;
  border-radius: 999px;
  color: #7d7d7d;
  font-weight: 700;
  font-size: 13px;
 margin-top: 5px;
}
.btn-main {
  background: linear-gradient(135deg, #f6256a, #444);
  border: none; color: white; border-radius: 12px; padding: 12px 18px;
  font-weight: 800; box-shadow: var(--accent-glow);
}
.btn-main:hover{
  transform: translateY(-2px);
  color: #e9e9e9;
  box-shadow: 0 8px 20px rgba(255, 51, 102, 0.25);
}
.btn-ghost {
  background: transparent; border: 2px solid rgba(15,23,42,0.06);
  border-radius: 12px; padding: 10px 16px; font-weight: 700;
}

/* Payment marquee */
.payment-marquee-wrap {
  margin-top: 22px; border-radius: 12px; overflow: hidden;
  border: 1px solid rgba(15,23,42,0.04);
  background: linear-gradient(90deg, rgb(254,254,255), rgba(255,255,255,0.88));
}
.payment-marquee {
  display: flex; align-items: center; padding: 12px 18px;
  animation: marqueeAnim 22s linear infinite;
  will-change: transform;
}
.payment-item { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; font-weight: 700; color: var(--muted); padding: 6px 10px; border-radius: 8px; }
.payment-item .logo {
  width: 36px; height: 36px; border-radius: 8px; background: white;
  display: inline-flex; align-items: center; justify-content: center;
  box-shadow: 0 8px 20px rgba(15,23,42,0.06);
}
.payment-item img{
  height: 25px;
}
@keyframes marqueeAnim {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Benefits */
.benefits-section{
  position:relative; padding:56px 0;
  background: #ffffff; /* user requested white/light background */
  overflow: hidden; /* prevent scroll caused by absolute circles */
}
.benefits-wrap{ position:relative; z-index:3; }
.benefit-card{
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,255,255,0.95));
  border-radius:14px; padding:22px; box-shadow: var(--fast-shadow); border:1px solid rgba(15,23,42,0.04);
  transition: transform .28s ease, box-shadow .28s ease;
}
.benefit-card:hover{ transform: translateY(-8px); box-shadow: 0 28px 80px rgba(15,23,42,0.08); }

/* decorative animated circles behind benefits */
.benefits-bg-el{ position:absolute; border-radius:50%; z-index:1; opacity:0.12; filter: blur(12px); pointer-events:none; }
.bge-1{ width:220px;height:220px; right:6%; top:-20px; background: linear-gradient(90deg,var(--accent-1),var(--accent-2)); }
.bge-2{ width:140px;height:140px; left:8%; top:40px; background: linear-gradient(90deg,#60a5fa,var(--accent-3)); }
.bge-3{ width:180px;height:180px; right:28%; top:120px; background: linear-gradient(90deg,#f59e0b,#fb7185); }

/* benefit list style */
.benefit-list{ margin-top:12px; padding-left:0; list-style:none; color:var(--muted); font-weight:600; }
.benefit-list li{ padding:8px 0; display:flex; gap:12px; align-items:flex-start; }
/* Stats */
.stats-section { padding: 44px 0; background: #fff; }
.stat-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,255,255,0.95));
  border-radius: 12px; padding: 20px; text-align: center;
  box-shadow: 0 12px 40px rgba(15,23,42,0.04);
  transition: transform .22s ease, box-shadow .22s ease;
}
.stat-card:hover { transform: translateY(-8px); box-shadow: 0 26px 70px rgba(15,23,42,0.08); }
.stat-num { font-size: 28px; font-weight: 900; color: #424141; }
.stat-label { color: var(--muted); font-weight: 700; margin-top: 8px; }
/* 🌈 FAQ Section with Animated Background and Floating Icons */
.faq-section {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #e0f7ff 0%, #f4ecff 100%);
  padding: 80px 20px;
}

/* 💫 Floating icons animation */
.floating-icon {
  position: absolute;
  font-size: 32px;
  color: rgba(0, 0, 0, 0.05);
  animation: float 10s infinite ease-in-out;
  pointer-events: none;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(15deg);
  }
}

.floating-icon:nth-child(1) { top: 10%; left: 10%; animation-delay: 0s; }
.floating-icon:nth-child(2) { top: 20%; right: 15%; animation-delay: 2s; }
.floating-icon:nth-child(3) { bottom: 15%; left: 20%; animation-delay: 4s; }
.floating-icon:nth-child(4) { bottom: 10%; right: 10%; animation-delay: 6s; }

/* 🧩 FAQ container */
.faq-container {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  z-index: 2;
}

.faq-header {
  text-align: center;
  padding: 40px 20px 20px;
}

.faq-header h2 {
  font-size: 32px;
  font-weight: 800;
  color: #424141;
  margin-bottom: 10px;
}

.faq-header p {
  color: #666;
  font-size: 16px;
}

/* 💎 FAQ item style */
.faq-item {
  margin: 16px;
  border-radius: 18px;
  background: linear-gradient(145deg, #ffffff, #f8faff);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: all 0.3s ease;
}

.faq-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 25px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  color: #424141;
}

.faq-icon {
  font-size: 16px;
  transition: transform 0.3s ease, color 0.3s;
  color: #888;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  background: #f9fbff;
  color: #555;
  font-size: 15px;
  padding: 0 25px;
  border-top: 1px solid #eef3f9;
  transition: all 0.4s ease;
}

.faq-item.active .faq-answer {
  max-height: 400px;
  padding: 20px 25px;
}

.faq-item.active .faq-icon {
  transform: rotate(180deg);
  color: #007bff;
}

/* 📱 Responsive Adjustments */
@media (max-width: 600px) {
  .faq-question {
    font-size: 16px;
    padding: 16px;
  }
  .faq-header h2 {
    font-size: 26px;
  }
}
/* Footer */
.btn-primary{background:linear-gradient(135deg, #f6256a, #444);color:white;box-shadow:0 8px 20px rgba(20,184,166,0.15);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(20,184,166,0.25);}
.marquee-box:hover .marquee-track {animation-play-state: paused;cursor: pointer;}
.marquee-box{background:linear-gradient(90deg,#0000,rgba(254,58,67,0.09),#0000);border-radius:100px;padding:10px;margin:30px 0;overflow:hidden;}
.marquee-track{display:flex;gap:15px;animation:marquee 30s linear infinite;white-space:nowrap;width: max-content;}
@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.payment-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 20px;background:white;border-radius:100px;font-size:14px;border:1px solid #e2e8f0;}
.payment-chip .amount{font-weight:700;color:#2c773b;}
.payment-chip .method-badge{background:linear-gradient(135deg, #f6256a, #444);color:white;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:600;text-transform:uppercase;}


.scroll-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--gradient-main);border:none;border-radius:12px;color:white;font-size:1.2rem;cursor:pointer;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:999;}
.scroll-top.visible{opacity:1;visibility:visible;}
.scroll-top:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px rgba(20,184,166,0.4);}
@media (max-width:991px){.benefits-grid{grid-template-columns:1fr;}.footer-grid{grid-template-columns:1fr 1fr;}.payment-methods-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));}.offerwalls-partners-grid{grid-template-columns:repeat(3,1fr);gap:1rem;}}
@media (max-width:768px){.offerwalls-partners-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:576px){.footer-grid{grid-template-columns:1fr;}.btn-group{flex-direction:column;}.btn{width:100%;justify-content:center;}.payment-methods-grid{grid-template-columns:repeat(2,1fr);gap:1rem;}.payment-method-card{padding:1.5rem 1rem;}.payment-method-icon{width:60px;height:60px;font-size:1.5rem;}.offerwalls-partners-grid{grid-template-columns:repeat(2,1fr);gap:1rem;}.offerwall-partner-card{padding:1.5rem 1rem;}.offerwall-partner-icon{width:60px;height:60px;font-size:2rem;}}
.kfcodi-footer{background:#fff !important;border-top:1px solid rgba(222,222,222,0.98);color:#222;position:relative;padding:30px 0px;}
.kfcodi-footer::before{width:220px;height:220px;background:#14b8a6;top:-60px;left:-60px;}
.kfcodi-footer::after{width:260px;background:var(--primary-light);bottom:-100px;right:-150px;}
.kfcodi-brand{display:flex;align-items:center;gap:12px;}
.kfcodi-brand-icon{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-weight:700;font-size:1.3rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:15px;box-shadow:0 4px 15px rgba(20,184,166,0.4);}
.kfcodi-brand-name{font-weight:700;font-size:1.6rem;color:#111;}
.kfcodi-brand-name span{color:var(--primary);}
.kfcodi-tagline{color:#555;margin-top:6px;font-size:0.95rem;}
.kfcodi-footer-title{font-weight:700;color:#424141;margin-bottom:1rem;}
.kfcodi-footer-links a{color:#555;display:block;margin-bottom:0.6rem;text-decoration:none;transition:0.3s;}
.kfcodi-footer-links a:hover{color:var(--primary);transform:translateX(5px);}
.kfcodi-social a{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#fff;color:#444;margin-right:10px;box-shadow:0 2px 6px rgba(0,0,0,0.1);transition:0.3s;}
.kfcodi-social a:hover{background:var(--primary);color:#fff;transform:translateY(-3px);}
.kfcodi-footer-bottom{border-top:1px solid rgba(0,0,0,0.05);margin-top:20px;padding-top:15px;text-align:center;color:#777;font-size:0.9rem;}
#kfcodi-scrolltop{position:fixed;bottom:25px;right:25px;width:45px;height:45px;border-radius:50%;border:none;background:linear-gradient(135deg, #f6256a, #444);color:#fff;display:none;z-index:99;font-size:1.2rem;box-shadow:0 1px 6px rgba(74,74,74,0.5);transition:0.3s;}
#kfcodi-scrolltop:hover{background:linear-gradient(135deg,#292a29,#8e8b8b);transform:scale(1.08);}
.btn-gradient{position:relative;display:inline-block;padding:0.55rem 1.8rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#14b8a6 0%,#0d9488 100%);border-radius:50px;border:none;cursor:pointer;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,0.3);box-shadow:0 2px 8px rgba(20,184,166,0.4);transition:color 0.3s ease,background 0.4s ease,transform 0.2s ease;isolation:isolate;z-index:0;}
.btn-gradient span{position:relative;z-index:1;}
.btn-gradient::before,.btn-gradient::after{content:"";position:absolute;border-radius:50px;background:linear-gradient(270deg,#14b8a6,#0d9488,#14b8a6);animation:glowingBorder 3s linear infinite;}
.btn-gradient::before{top:-5px;bottom:-5px;left:-5px;right:-5px;filter:blur(8px);opacity:0;transition:opacity 0.4s ease;z-index:-2;}
.btn-gradient::after{top:-12px;bottom:-12px;left:-12px;right:-12px;filter:blur(16px);opacity:0;transition:opacity 0.4s ease;z-index:-3;animation-delay:1.5s;}
.btn-gradient:hover,.btn-gradient:focus{background:linear-gradient(135deg,#0d9488 0%,#14b8a6 100%);transform:scale(1.05);box-shadow:0 4px 16px rgba(20,184,166,0.4);}
@keyframes glowingBorder{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
.language-dropup{position:relative;display:inline-block;}
.lang-btn{background:linear-gradient(135deg, #f6256a, #444);color:#fff;border:none;border-radius:28px;padding:8px 14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 12px rgba(20,184,166,0.2);transition:transform 0.18s ease,box-shadow 0.18s ease;}
.lang-btn img{width:18px;height:14px;border-radius:2px;display:inline-block;}
.lang-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(20,184,166,0.25);}
.language-menu{display:none;position:absolute;bottom:48px;right:0;background:#fff;border-radius:10px;box-shadow:0 8px 30px rgba(12,18,30,0.12);min-width:160px;z-index:999;overflow:hidden;}
.language-menu.show{display:block;animation:fadeInUp 0.18s ease;}
.language-menu a{display:flex;align-items:center;gap:8px;padding:10px 14px;color:#333;text-decoration:none;font-weight:600;transition:background 0.12s ease,color 0.12s ease;}
.language-menu a img{width:18px;height:14px;border-radius:2px;}
.language-menu a:hover{background:linear-gradient(90deg,#f0fdfa,#f0f9ff);color:#14b8a6;}
@keyframes fadeInUp{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
.goog-te-banner-frame.skiptranslate,body > .skiptranslate{display:none !important;}
.page-icon{width:70px;height:70px;background:rgba(194,6,90,0.1);border:1px solid rgba(194,6,90,0.15);color:#c2065a;}
.login-input-group{position:relative;margin-bottom:1rem;}
.login-input-group .login-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#c2065a;z-index:10;}
.login-input-group input{padding-left:40px;padding-right:40px;height:48px;border:1px solid #e2e8f0;border-radius:12px;}
.login-input-group input:focus{border-color:#c2065a;box-shadow:0 0 0 3px rgba(194,6,90,0.1);}
.login-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;z-index:10;}
.login-toggle:hover{color:#c2065a;}
.login-submit{width:100%;background:linear-gradient(135deg, #f6256a, #444);color:white;padding:14px 28px;border-radius:12px;border:none;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;}
.login-submit:hover{transform:translateY(-2px);color:white;}
.login-links{display:flex;justify-content:space-between;margin-bottom:20px;}
.login-link{color:#64748b;text-decoration:none;font-size:14px;display:flex;align-items:center;gap:5px;}
.login-link:hover{color:#c2065a;}
.login-link i{color:#c2065a;}
.login-footer{text-align:center;padding-top:20px;border-top:1px solid #e2e8f0;}
.login-footer a{color:#c2065a;text-decoration:none;font-weight:600;margin-left:5px;}
.login-footer a:hover{text-decoration:underline;}
.footer-item i{color:#c2065a;}
@media (max-width:768px){.login-links{flex-direction:column;gap:10px;align-items:center;}.page-footer{flex-direction:column !important;gap:1rem !important;border-radius:20px !important;}}
.error-msg{background-color:#f3275e21;border:1px solid #f3275e17;color:#f3275e;padding:0.75rem 1rem 0.75rem 2.5rem;border-radius:0.5rem;margin-bottom:1.5rem;font-size:0.875rem;font-weight:500;position:relative;box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);}
.error-msg::before{content:"!";position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);font-size:1.125rem;color:#f3275e;font-weight:bold;background:#f3275e30;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.success-msg{background-color:#f0fdf4;border:1px solid #dcfce7;color:#166534;padding:0.75rem 1rem 0.75rem 2.5rem;border-radius:0.5rem;margin-bottom:1.5rem;font-size:0.875rem;font-weight:500;position:relative;box-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);}
.success-msg::before{content:"✓";position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);font-size:1.125rem;color:#22c55e;font-weight:bold;background:#22c55e30;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.privacy-icon-main{width:70px;height:70px;background:linear-gradient(135deg,rgba(220,53,69,0.1),rgba(255,193,7,0.08));border:1px solid rgba(220,53,69,0.15);color:#dc3545;font-size:32px;}
.privacy-intro{background:linear-gradient(135deg,rgba(220,53,69,0.06),rgba(255,193,7,0.04));border:1px solid rgba(220,53,69,0.12);}
.card-num{color:#dc3545;background:rgba(220,53,69,0.1);font-size:0.8125rem;}
.privacy-card{background:#f8f9fa;border:1px solid #dee2e6;transition:all 0.2s;}
.privacy-card:hover{border-color:rgba(220,53,69,0.3);box-shadow:0 4px 20px -5px rgba(0,0,0,0.08);}
.privacy-card-highlight{background:linear-gradient(135deg,rgba(220,53,69,0.08),rgba(255,193,7,0.06));border-color:rgba(220,53,69,0.2);}
.info-item i{background:linear-gradient(135deg,rgba(220,53,69,0.1),rgba(255,193,7,0.08));color:#dc3545;}
.share-dot{background:linear-gradient(135deg,#dc3545,#ffc107);}
.btn-contact{background:linear-gradient(135deg,#b02a37,#c2255c);box-shadow:0 10px 30px -10px rgba(220,53,69,0.35);}
.privacy-foot{background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);}
@media (max-width:768px){.info-grid{grid-template-columns:1fr !important;}}
.terms-icon-main{width:70px;height:70px;background:linear-gradient(135deg,rgba(220,53,69,0.1),rgba(255,193,7,0.08));border:1px solid rgba(220,53,69,0.15);color:#dc3545;font-size:32px;}
.terms-intro{background:linear-gradient(135deg,rgba(220,53,69,0.06),rgba(255,193,7,0.04));border:1px solid rgba(220,53,69,0.12);}
.terms-card{background:#f8f9fa;border:1px solid #dee2e6;transition:all 0.2s;}
.terms-card:hover{border-color:rgba(220,53,69,0.3);box-shadow:0 4px 20px -5px rgba(0,0,0,0.08);}
.terms-card-final{background:linear-gradient(135deg,rgba(220,53,69,0.08),rgba(255,193,7,0.06));border-color:rgba(220,53,69,0.2);}
.rule-highlight{background:rgba(220,53,69,0.05);border-left:3px solid #dc3545;}
.accept-check{background:linear-gradient(135deg,#b02a37,#c2255c);box-shadow:0 10px 30px -10px rgba(220,53,69,0.35);}
.terms-foot{background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);}
@media (max-width:768px){.terms-foot{flex-direction:column !important;gap:1rem !important;}}
.card-num{color:#c2065a;background:rgba(194,6,90,0.1);font-size:0.8125rem;padding:4px 10px;border-radius:8px;font-weight:700;}
.ticket-icon{width:70px;height:70px;background:rgba(194,6,90,0.1);border:1px solid rgba(194,6,90,0.15);color:#c2065a;font-size:32px;}
.ticket-priority-low{background:rgba(25,135,84,0.1);color:#198754;}
.ticket-priority-medium{background:rgba(255,193,7,0.1);color:#ffc107;}
.ticket-priority-high{background:rgba(220,53,69,0.1);color:#dc3545;}
.ticket-priority-urgent{background:rgba(194,6,90,0.1);color:#c2065a;}
.ticket-status-open{background:rgba(40,167,69,0.1);color:#28a745;}
.ticket-status-closed{background:rgba(108,117,125,0.1);color:#6c757d;}
.ticket-status-waiting{background:rgba(255,193,7,0.1);color:#ffc107;}
.ticket-status-answered{background:rgba(13,202,240,0.1);color:#0dcaf0;}
.ticket-msg-user{background:white;border:1px solid #dee2e6;}
.ticket-msg-admin{background:linear-gradient(135deg,rgba(194,6,90,0.04),rgba(193,6,91,0.02));border:1px solid rgba(194,6,90,0.15);}
.ticket-btn{background:linear-gradient(135deg, #f6256a, #444);color:white;border:none;padding:12px 28px;border-radius:12px;font-weight:600;font-size:14px;transition:all 0.2s;box-shadow:0 10px 30px -10px #c2065a;}
.ticket-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px -10px #c2065a;color:white;}
.support-icon-main{width:70px;height:70px;background:linear-gradient(135deg,rgba(194,6,90,0.1),rgba(194,6,90,0.05));border:1px solid rgba(194,6,90,0.15);color:#c2065a;font-size:32px;}
.card-num{color:#c2065a;background:rgba(194,6,90,0.1);font-size:0.8125rem;}
.support-tab.active{background:#c2065a !important;color:white !important;}
.rank-1{background:rgba(255,215,0,0.15);color:#b8860b;}
.rank-2{background:rgba(192,192,192,0.15);color:#808080;}
.rank-3{background:rgba(205,127,50,0.15);color:#8b4513;}
.rank-4{background:rgba(194,6,90,0.1);color:#c2065a;}
.earner-compact:hover,.payment-card-compact:hover{border-color:#c2065a !important;box-shadow:0 10px 30px -10px rgba(194,6,90,0.2) !important;}
.earner-amount-sm,.payment-amount,.section-heading i,.proofs-footer-item i{color:#c2065a;}
.section-heading i,.empty-icon-sm,.rank-4{background:rgba(194,6,90,0.1);}
.payment-status-sm{color:#10b981;}
.btn-sm-primary{background:linear-gradient(135deg, #f6256a, #444);}
.earner-avatar-sm{border:3px solid white;box-shadow:0 4px 10px rgba(0,0,0,0.1);}
@media (max-width:1200px){.payments-grid{grid-template-columns:repeat(4,1fr) !important;}}
@media (max-width:992px){.earners-row{grid-template-columns:repeat(2,1fr) !important;}.payments-grid{grid-template-columns:repeat(3,1fr) !important;}}
@media (max-width:768px){.payments-grid{grid-template-columns:repeat(2,1fr) !important;}.proofs-footer{flex-direction:column !important;border-radius:20px !important;}}
@media (max-width:480px){.earners-row,.payments-grid{grid-template-columns:1fr !important;}}
.-ds-gradient-pink{background:linear-gradient(135deg, #f6256a, #444);}
.-ds-gradient-dark{background:linear-gradient(135deg,#1e293b,#0f172a);}
.-ds-gradient-telegram{background:linear-gradient(135deg,#0088cc,#00a3e0);}
.-ds-stat-card{position:relative;overflow:hidden;}
.-ds-stat-card::before{content:'';position:absolute;top:0;right:0;width:150px;height:100%;background:linear-gradient(135deg, #f6256a, #444);opacity:0.05;border-radius:50% 0 0 50%;transform:skewX(-15deg);pointer-events:none;transition:all 0.3s ease;}
.-ds-stat-card:hover::before{opacity:0.1;width:180px;}
@keyframes -ds-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
.-ds-animate-float{animation:-ds-float 3s ease-in-out infinite;}
.-ds-glass{background:rgba(255,255,255,0.15);backdrop-filter:blur(5px);}
.-ds-icon-green{background:rgba(78,159,79,0.1);color:#198754;}
.-ds-icon-pink{background:rgba(194,26,73,0.1);color:#cb0f63;}
.-ds-icon-purple{background:rgba(111,66,193,0.1);color:#6f42c1;}
.-ds-icon-orange{background:rgba(253,126,20,0.1);color:#fd7e14;}
.-ds-icon-brown{background:rgba(140,44,15,0.1);color:#ed573e;}
.-ds-icon-yellow{background:rgba(255,193,7,0.1);color:#ffc107;}
.-ds-action-icon{transition:all 0.3s ease;}
.-ds-action-card:hover .-ds-action-icon{background:linear-gradient(135deg, #f6256a, #444) !important;color:white !important;transform:scale(1.1);}
.-ds-deco-link{position:absolute;right:20px;bottom:-10px;font-size:100px;opacity:0.1;transform:rotate(10deg);pointer-events:none;}
.-ds-deco-rocket{position:absolute;right:20px;top:20px;font-size:80px;opacity:0.1;transform:rotate(10deg);pointer-events:none;}
.-ds-transition{transition:all 0.3s ease;}
.adv-header-icon{width:70px;height:70px;background:rgba(194,6,90,0.1);border:1px solid rgba(194,6,90,0.15);color:#c2065a;font-size:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:1rem;}
.adv-text-pink{color:#c2065a !important;}
.adv-bg-pink-light{background:rgba(194,6,90,0.1) !important;}
.adv-gradient-pink{background:linear-gradient(135deg, #f6256a, #444) !important;}
.adv-top-bar{height:4px;background:linear-gradient(90deg,#c2065a,#fe589e);}
.adv-icon-box{width:50px;height:50px;background:rgba(194,6,90,0.1);color:#c2065a;display:flex;align-items:center;justify-content:center;border-radius:0.375rem;}
.adv-icon-sm{width:36px;height:36px;background:rgba(194,6,90,0.1);color:#c2065a;display:flex;align-items:center;justify-content:center;border-radius:0.375rem;font-size:14px;}
.adv-feature-card{background:white;border:1px solid #e9ecef;border-radius:0.5rem;transition:all 0.2s ease;}
.adv-form-select{border:1px solid #dee2e6;background-color:#f8f9fa;font-size:13px;}
.adv-form-select:focus{border-color:#c2065a;box-shadow:0 0 0 0.25rem rgba(194,6,90,0.25);}
.adv-buy-btn{background:linear-gradient(135deg, #f6256a, #444) !important;color:white !important;border:none !important;padding:6px 20px !important;font-size:12px !important;font-weight:600 !important;border-radius:20px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;margin:0 auto !important;width:auto !important;min-width:100px;transition:all 0.2s ease;}
.adv-buy-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(194,6,90,0.3);}
@keyframes adv-highlightPulse{0%{border-color:#c2065a;box-shadow:0 0 0 0 rgba(194,6,90,0.4);}50%{border-color:#c2065a;box-shadow:0 0 0 4px rgba(194,6,90,0.2);}100%{border-color:#c2065a;box-shadow:0 0 0 0 rgba(194,6,90,0);}}
.adv-highlight-error{animation:adv-highlightPulse 1.5s ease;border-color:#c2065a !important;background-color:#fff0f5 !important;}
.adv-btn-wrap{text-align:center;}
.advertisebuy-text-pink{color:#c2065a !important;}
.advertisebuy-bg-pink-light{background:rgba(194,6,90,0.1) !important;}
.advertisebuy-gradient{background:linear-gradient(135deg, #f6256a, #444) !important;}
.advertisebuy-top-bar{height:4px;background:linear-gradient(90deg,#c2065a,#fe589e);}
.advertisebuy-price{background:linear-gradient(135deg, #f6256a, #444) !important;color:white !important;font-weight:700;}
.advertisebuy-view-btn{background:#6c757d !important;color:white !important;border:none !important;height:38px !important;padding:0 15px !important;font-size:12px !important;font-weight:600 !important;border-radius:0 0.375rem 0.375rem 0 !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:5px !important;}
.advertisebuy-view-btn:hover{background:#5a6268 !important;}
/* ===== MINIMAL CSS - SIRF JO BOOTSTRAP SE NA HO ===== */
.manage-title { color: #069423; font-weight: 700; }
.manage-url { color: #292c2a; font-weight: 500; text-decoration: none; }
.manage-url:hover { color: #c2065a; text-decoration: underline; }
.manage-edit-link { color: #c2065a; font-weight: 600; text-decoration: none; }
.manage-edit-link:hover { color: #a0054a; text-decoration: underline; }
.settings-card-num{color:#c2065a;background:rgba(194,6,90,0.1);font-size:0.8125rem;padding:4px 10px;border-radius:8px;font-weight:700;display:inline-flex;align-items:center;gap:5px;}
.settings-join-field{position:relative;}
.settings-join-field .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d;z-index:1;}
.settings-join-field input,.settings-join-field select{padding-left:40px !important;}
.settings-join-field.is-locked input{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;}
.settings-join-field .lock-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#c2065a;z-index:1;}
.settings-field-locked-note{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#6c757d;margin-top:5px;}
.settings-field-locked-note i{color:#c2065a;}
.settings-select-wrap{position:relative;}
.settings-select-wrap::after{content:"⌄";position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#c2065a;font-size:20px;pointer-events:none;}
.settings-select-wrap select{width:100%;padding:10px 12px;border:1px solid #dee2e6;border-radius:8px;font-size:13px;appearance:none;background:white;cursor:pointer;}
.settings-select-wrap select:focus{border-color:#c2065a;outline:none;box-shadow:0 0 0 3px rgba(194,6,90,0.1);}
.settings-join-btn{background:linear-gradient(135deg, #f6256a, #444);color:white;border:none;padding:12px 28px;border-radius:12px;font-weight:600;font-size:14px;transition:all 0.3s;box-shadow:0 10px 30px -10px #c2065a;display:inline-flex;align-items:center;justify-content:center;gap:8px;}
.settings-join-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px -10px #c2065a;color:white;}
.settings-security-text{font-size:14px;color:#856404;padding:15px;background:#fff3cd;border:1px solid #ffeeba;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;}
.settings-security-text i{color:#856404;font-size:18px;}
.settings-card-highlight{border-left:4px solid #c2065a !important;background:linear-gradient(to right,white,rgba(194,6,90,0.02));}
.settings-section-title{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:5px;}
.settings-section-desc{font-size:12px;color:#6c757d;margin-bottom:0;}
.affiliate-card-num{color:#c2065a;background:rgba(194,6,90,0.1);font-size:0.8125rem;padding:4px 10px;border-radius:8px;font-weight:700;display:inline-flex;align-items:center;gap:5px;}
.affiliate-join-field{position:relative;}
.affiliate-join-field .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d;z-index:1;}
.affiliate-join-field input,.affiliate-join-field select{padding-left:40px !important;}
.affiliate-join-btn{background:linear-gradient(135deg, #f6256a, #444);color:white;border:none;padding:12px 28px;border-radius:12px;font-weight:600;font-size:14px;transition:all 0.3s;box-shadow:0 10px 30px -10px #c2065a;display:inline-flex;align-items:center;justify-content:center;gap:8px;}
.affiliate-join-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px -10px #c2065a;color:white;}
.affiliate-select-wrap{position:relative;}
.affiliate-select-wrap::after{content:"⌄";position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#c2065a;font-size:20px;pointer-events:none;}
.affiliate-select-wrap select{width:100%;padding:10px 12px;border:1px solid #dee2e6;border-radius:8px;font-size:13px;appearance:none;background:white;cursor:pointer;}
.affiliate-select-wrap select:focus{border-color:#c2065a;outline:none;box-shadow:0 0 0 3px rgba(194,6,90,0.1);}
.affiliate-card-highlight{border-left:4px solid #c2065a !important;background:linear-gradient(to right,white,rgba(194,6,90,0.02));}
.affiliate-section-title{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:5px;}
.affiliate-section-desc{font-size:12px;color:#6c757d;margin-bottom:0;}
.copy-tooltip{position:absolute;top:-35px;left:50%;transform:translateX(-50%);background:#0d6efd;color:white;padding:4px 10px;border-radius:30px;font-size:11px;font-weight:600;opacity:0;transition:opacity 0.2s;white-space:nowrap;pointer-events:none;}
.copy-tooltip::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #0d6efd;}
#copyRef:hover .copy-tooltip{opacity:1;}
#copyRef.copied .copy-tooltip{opacity:1;}