body {
  font-family: 'Segoe UI', 'Roboto', Arial, sans-serif;
  background: #f6f8fb;
}
header.bg-primary {
  background: linear-gradient(120deg, #f6f8fb 60%, #e3e8f0 100%);
}
.navbar-brand span {
  color: #e74c3c;
}
.btn-light {
  color: #e74c3c;
  border: 2px solid #e74c3c;
}
.btn-light:hover {
  background: #e74c3c;
  color: #fff;
}
.card-title {
  color: #e74c3c;
}
footer {
  border-top: 1px solid #e0e0e0;
}
#lang-select {
  min-width: 120px;
}
.hero-bg-gradient {
  background: radial-gradient(circle at 70% 30%, #e74c3c33 0%, #2d2d2d 80%);
  opacity: 0.7;
  z-index: 1;
}
.hero-logo-float {
  max-width: 320px;
  filter: drop-shadow(0 8px 32px #2d2d2d44);
  animation: float 3s ease-in-out infinite;
}
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-16px); }
}
#value-prop .card {
  transition: transform 0.2s, box-shadow 0.2s;
}
#value-prop .card:hover {
  transform: translateY(-8px) scale(1.03);
  box-shadow: 0 8px 32px #e74c3c22;
}
.story-step {
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 2px 16px #2d2d2d11;
  transition: box-shadow 0.2s, transform 0.2s;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.story-step:hover {
  box-shadow: 0 8px 32px #e74c3c22;
  transform: scale(1.04);
}
#screenshots, #contact {
  background: #fff !important;
}
#story, #faq {
  background: #f6f8fb !important;
}
#contact .contact-card {
  background: linear-gradient(120deg, #fffbe7 0%, #fff 100%) !important;
}
#faq {
  background: #f6f8fb !important;
}
#faq h2 {
  color: #6c63ff !important;
}
.screenshots-bg-gradient {
  background: linear-gradient(120deg, #e74c3c11 0%, #2d2d2d11 100%);
  z-index: 0;
}
.bg-gradient-primary {
  background: linear-gradient(120deg, #2d2d2d 60%, #e74c3c 100%) !important;
}
.bg-faq-gradient {
  background: linear-gradient(120deg, #f8f9fa 60%, #e74c3c11 100%);
}
.contact-card {
  background: #fff;
  border-radius: 1.5rem;
  box-shadow: 0 4px 32px #2d2d2d11;
}
.contact-bg-gradient {
  background: radial-gradient(circle at 80% 20%, #e74c3c22 0%, #fff 100%);
  z-index: 0;
}
.footer-modern {
  background: #f6f8fb !important;
  color: #6c757d;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: none;
}
.footer-modern img {
  filter: drop-shadow(0 2px 8px #e74c3c44);
}
.footer-bg-gradient {
  background: radial-gradient(circle at 20% 80%, #e74c3c33 0%, #2d2d2d 100%);
  opacity: 0.7;
  z-index: 0;
}
.footer-modern .btn-outline-light {
  border-width: 2px;
  font-weight: 500;
  transition: background 0.2s, color 0.2s;
}
.footer-modern .btn-outline-light:hover {
  background: #fff;
  color: #e74c3c;
}
.bg-space {
  background: linear-gradient(120deg, #232526 0%, #414345 100%), radial-gradient(circle at 80% 20%, #7f53ac55 0%, #647dee33 60%, #23252600 100%);
  background-blend-mode: screen;
  position: relative;
  overflow: hidden;
}
.space-bg {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(circle at 20% 80%, #43cea2 0%, #185a9d 60%, #232526 100%);
  opacity: 0.5;
  filter: blur(32px);
}
.text-space {
  color: #e0e6f6 !important;
  text-shadow: 0 2px 16px #23252644;
}
.glass-card {
  background: rgba(255,255,255,0.12);
  border-radius: 1.5rem;
  box-shadow: 0 4px 32px #23252622;
  backdrop-filter: blur(12px) saturate(1.3);
  -webkit-backdrop-filter: blur(12px) saturate(1.3);
  border: 1px solid rgba(255,255,255,0.18);
  transition: box-shadow 0.2s, transform 0.2s;
}
.glass-card:hover {
  box-shadow: 0 8px 32px #7f53ac44;
  transform: scale(1.03);
}
.fresh-card {
  background: #fff;
  border-radius: 1.5rem;
  box-shadow: 0 4px 24px #e3e8f0cc;
  border: 1px solid #e3e8f0;
  transition: box-shadow 0.2s, transform 0.2s;
  padding: 1.5rem 1rem;
}
.fresh-card:hover {
  box-shadow: 0 8px 32px #b6d0f6cc;
  transform: scale(1.03);
}
.btn-outline-primary {
  border-width: 2px;
  font-weight: 500;
  color: #6c63ff;
  border-color: #6c63ff;
  background: #fff;
  transition: background 0.2s, color 0.2s;
}
.btn-outline-primary:hover {
  background: #6c63ff;
  color: #fff;
}
.text-primary {
  color: #6c63ff !important;
}
.text-secondary {
  color: #6c757d !important;
}
.fresh-divider {
  border-top: 1px solid #e3e8f0;
  margin: 3rem 0;
}
.docunomy-gradient-card {
  background: linear-gradient(120deg, #6c63ff 0%, #b8c6ff 100%) !important;
  color: #fff;
  box-shadow: 0 4px 32px #b8c6ff44;
}
.docunomy-gradient-card h5, .docunomy-gradient-card p, .docunomy-gradient-card i {
  color: #fff !important;
}
#download {
  background: linear-gradient(120deg, #ff4b2b 0%, #f6f8fb 100%) !important;
}
#download h2 {
  color: #e74c3c !important;
}
.docunomy-gradient-card-red {
  background: linear-gradient(120deg, #e74c3c 0%, #f6f8fb 100%) !important;
  color: #fff;
  box-shadow: 0 4px 32px #e74c3c22;
}
.docunomy-gradient-card-red h5, .docunomy-gradient-card-red p, .docunomy-gradient-card-red i {
  color: #000 !important;
}

/* Learn More Button Styling */
.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
  transition: all 0.3s ease;
  position: relative;
  z-index: 10;
  pointer-events: auto;
}

.btn-outline-danger:hover {
  background-color: #dc3545;
  border-color: #dc3545;
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
  z-index: 11;
}

.btn-outline-danger:focus {
  background-color: #dc3545;
  border-color: #dc3545;
  color: white;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  z-index: 11;
}

/* Ensure button container is clickable */
.d-flex.gap-3 {
  position: relative;
  z-index: 10;
  pointer-events: auto;
}

/* WhatsApp Fixed Button */
.whatsapp-fixed {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
}

.whatsapp-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: #25D366;
  color: white;
  border-radius: 50%;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
  transition: all 0.3s ease;
  font-size: 28px;
}

.whatsapp-btn:hover {
  background-color: #128C7E;
  color: white;
  transform: scale(1.1);
  box-shadow: 0 6px 16px rgba(37, 211, 102, 0.6);
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .whatsapp-fixed {
    bottom: 15px;
    right: 15px;
  }
  
  .whatsapp-btn {
    width: 50px;
    height: 50px;
    font-size: 24px;
  }
}

@media (max-width: 480px) {
  .whatsapp-fixed {
    bottom: 10px;
    right: 10px;
  }
  
  .whatsapp-btn {
    width: 45px;
    height: 45px;
    font-size: 22px;
  }
}

.footer-privacy-link:hover {
  color: #e74c3c !important;
  background: #fff !important;
  border-color: #e74c3c !important;
}