:root{--primary: #003366;--primary-light: #004080;--secondary: #d4af37;--secondary-light: #e5c158;--accent: #e63946;--text-dark: #1f2937;--text-light: #6b7280;--white: #ffffff;--bg-light: #f8fafc;--bg-dark: #000a12;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--phantom-white: rgba(243, 244, 247, .85);--phantom-white-solid: #f3f4f7;--nebula: #001f3f;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(16px);--glow-primary: 0 0 30px rgba(0, 51, 102, .4);--glow-secondary: 0 0 30px rgba(212, 175, 55, .4);--glow-accent: 0 0 30px rgba(230, 57, 70, .4);--grad-futuristic: linear-gradient(135deg, #001f3f 0%, #000a12 100%);--grad-gold: linear-gradient(135deg, #d4af37 0%, #f1d592 100%);--grad-nebula: linear-gradient(135deg, #001f3f 0%, #003366 50%, #000a12 100%);--grad-aurora: linear-gradient(135deg, #003366 0%, #004080 50%, #d4af37 100%)}.bg-grid{background-image:linear-gradient(rgba(0,51,102,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,51,102,.05) 1px,transparent 1px);background-size:40px 40px}.bg-dots{background-image:radial-gradient(rgba(0,51,102,.1) 1px,transparent 1px);background-size:20px 20px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-dark);line-height:1.6;background-color:var(--white)}a{text-decoration:none;color:inherit;transition:color .2s}ul{list-style:none}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.section{padding:4rem 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary{background-color:var(--primary);color:var(--white);box-shadow:var(--glow-primary)}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 10px 20px #0366}.btn-secondary{background:var(--grad-gold);color:var(--primary);box-shadow:var(--glow-secondary)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #d4af3766}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:transparent}.btn-outline:hover{background-color:var(--primary);color:var(--white);box-shadow:var(--glow-primary)}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:1rem}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.5rem}@media(max-width:768px){h1{font-size:2.25rem}h2{font-size:1.75rem}.hide-mobile{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .6s ease-out forwards;opacity:0}.card-hover{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.card-hover:hover{transform:translateY(-10px)!important;box-shadow:0 20px 40px #0000001a!important}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:1.5rem}.glow-on-hover:hover{box-shadow:var(--glow-secondary)}.text-gradient-gold{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bg-pattern{background-image:radial-gradient(rgba(0,51,102,.05) 1px,transparent 1px);background-size:30px 30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;border-radius:.75rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.02em}.btn-primary{background-color:var(--primary);color:var(--white);box-shadow:0 4px 6px #0033661a}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 8px 15px #0363}.btn-secondary{background:var(--grad-gold);color:var(--primary);box-shadow:0 4px 6px #d4af371a}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 15px #d4af374d}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.animate-float{animation:float 6s ease-in-out infinite}.text-glow{text-shadow:0 0 15px rgba(255,255,255,.5),0 0 30px rgba(212,175,55,.2)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.7;transition:opacity .3s}.scroll-indicator:hover{opacity:1}.mouse{width:24px;height:40px;border:2px solid var(--white);border-radius:12px;position:relative}.wheel{width:4px;height:8px;background-color:var(--white);border-radius:2px;position:absolute;top:6px;left:50%;transform:translate(-50%);animation:scrollWheel 2s infinite}@keyframes scrollWheel{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(15px)}}.stats-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:1rem 1.5rem;border-radius:1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;box-shadow:0 10px 30px #0003}.stats-card .number{font-size:1.5rem;font-weight:800;color:var(--secondary)}.stats-card .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;opacity:.8}

/* --- Global Polish & Responsive Mobile/Desktop Enhancements --- */
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  max-width: 100vw;
}

body {
  overflow-x: hidden;
  width: 100%;
  max-width: 100vw;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;
  letter-spacing: -0.025em;
}

/* Custom Sleek Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #000c1a;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #d4af37, #003366);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #d4af37;
}

/* Mobile & Tablet Responsive Optimizations */
@media (max-width: 768px) {
  .container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .section {
    padding: 3rem 0 !important;
  }
  h1 {
    font-size: clamp(2rem, 8vw, 2.5rem) !important;
  }
  h2 {
    font-size: clamp(1.6rem, 6vw, 2rem) !important;
  }
  .mobile-full-width {
    width: 100% !important;
  }
}

@media (max-width: 480px) {
  .btn {
    padding: 0.75rem 1.25rem !important;
    font-size: 0.9rem !important;
  }
}

/* Glassmorphism & High-Contrast Utility */
.glass-effect {
  background: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.text-gold-gradient {
  background: linear-gradient(135deg, #d4af37 0%, #f1d592 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* --- Floating WhatsApp Widget --- */
.db-whatsapp-widget {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 99999;
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.db-whatsapp-widget:hover {
  transform: translateY(-4px) scale(1.03);
}
.db-whatsapp-btn {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4), 0 0 0 0 rgba(37, 211, 102, 0.7);
  color: #ffffff;
  position: relative;
  cursor: pointer;
  animation: pulse-wa 2.5s infinite;
}
@keyframes pulse-wa {
  0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6); }
  70% { box-shadow: 0 0 0 16px rgba(37, 211, 102, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}
.db-whatsapp-tooltip {
  background: rgba(0, 26, 51, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: #ffffff;
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 700;
  border: 1px solid rgba(212, 175, 55, 0.3);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  gap: 8px;
  pointer-events: none;
  white-space: nowrap;
}
.db-online-dot {
  width: 8px;
  height: 8px;
  background-color: #25D366;
  border-radius: 50%;
  box-shadow: 0 0 8px #25D366;
}

/* --- Real-Time Activity Toast --- */
.db-activity-toast {
  position: fixed;
  bottom: 24px;
  left: 24px;
  z-index: 99998;
  max-width: 330px;
  background: rgba(0, 26, 51, 0.95);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(212, 175, 55, 0.35);
  border-radius: 16px;
  padding: 12px 16px;
  color: #ffffff;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transform: translateY(0);
}
.db-toast-hidden {
  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
}
.db-toast-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(212, 175, 55, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d4af37;
  flex-shrink: 0;
  font-size: 16px;
}
.db-toast-content {
  flex: 1;
}
.db-toast-title {
  font-size: 13px;
  font-weight: 800;
  color: #d4af37;
  margin-bottom: 2px;
}
.db-toast-text {
  font-size: 12px;
  color: #e2e8f0;
  line-height: 1.4;
  margin-bottom: 4px;
}
.db-toast-time {
  font-size: 10px;
  color: #94a3b8;
  font-weight: 600;
}
.db-toast-close {
  background: none;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  padding: 0;
}
.db-toast-close:hover {
  color: #ffffff;
}

/* --- Global Partner Marquee --- */
.db-marquee-section {
  background: #000c1a;
  border-top: 1px solid rgba(212, 175, 55, 0.2);
  border-bottom: 1px solid rgba(212, 175, 55, 0.2);
  padding: 16px 0;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.db-marquee-track {
  display: inline-flex;
  animation: db-scroll 35s linear infinite;
  gap: 2.5rem;
  align-items: center;
}
.db-marquee-track:hover {
  animation-play-state: paused;
}
@keyframes db-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.db-marquee-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  opacity: 0.85;
  transition: opacity 0.2s ease, transform 0.2s ease;
  text-decoration: none;
}
.db-marquee-item:hover {
  opacity: 1;
  transform: scale(1.05);
  color: #d4af37;
}
.db-marquee-badge {
  background: rgba(212, 175, 55, 0.15);
  border: 1px solid rgba(212, 175, 55, 0.3);
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 11px;
  color: #d4af37;
}

/* Mobile responsive adjustments */
@media (max-width: 640px) {
  .db-whatsapp-tooltip {
    display: none;
  }
  .db-whatsapp-widget {
    bottom: 16px;
    right: 16px;
  }
  .db-whatsapp-btn {
    width: 52px;
    height: 52px;
  }
  .db-activity-toast {
    bottom: 16px;
    left: 16px;
    right: 80px;
    max-width: none;
    font-size: 11px;
  }
}