/* Gludon Brand & UI Design System */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --color-primary: #0e3b38;
  --color-primary-dark: #0a2d2a;
  --color-primary-light: #164e4a;
  --color-accent: #14b8a6;
  --color-mint-bg: #e6f6f4;
  --color-mint-border: #a7f3d0;
  --color-surface-input: #f0fdf9;
  --color-input-border: #99f6e4;
  --color-text-main: #1f2937;
  --color-text-sub: #6b7280;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background-color: #071e1c;
  color: #1f2937;
  overflow-x: hidden;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
}
::-webkit-scrollbar-thumb {
  background: #14b8a6;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #0f766e;
}

/* Background Gradients */
.gludon-bg-gradient {
  background: radial-gradient(circle at 85% 15%, #185a53 0%, #0e3b38 45%, #082321 100%);
}

.gludon-card-shadow {
  box-shadow: 0 20px 45px -10px rgba(10, 45, 42, 0.18), 0 8px 16px -6px rgba(0, 0, 0, 0.06);
}

.gludon-btn-shadow {
  box-shadow: 0 10px 25px -4px rgba(14, 59, 56, 0.35);
}

.gludon-btn-shadow:hover {
  box-shadow: 0 14px 28px -4px rgba(14, 59, 56, 0.45);
}

/* Radio button pills */
.platform-pill {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.platform-pill.active {
  background-color: #0e3b38;
  color: #ffffff;
  border-color: #0e3b38;
  box-shadow: 0 4px 12px rgba(14, 59, 56, 0.25);
}
.platform-pill:not(.active) {
  background-color: #f0fdf9;
  color: #374151;
  border-color: #ccfbf1;
}
.platform-pill:not(.active):hover {
  background-color: #e6f8f5;
  border-color: #99f6e4;
}

/* Tab Bar Active State */
.nav-tab.active .tab-icon-circle {
  background-color: #ccfbf1;
  color: #0d9488;
  font-weight: 700;
}
.nav-tab.active .tab-label {
  color: #0d9488;
  font-weight: 700;
}
.nav-tab:not(.active) .tab-icon-circle {
  background-color: #f1f5f9;
  color: #94a3b8;
}
.nav-tab:not(.active) .tab-label {
  color: #94a3b8;
}

/* Modal and Drawer backdrop blur */
.glass-backdrop {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background-color: rgba(6, 26, 24, 0.65);
}

/* Floating animation */
@keyframes softFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-5px); }
}

.animate-soft-float {
  animation: softFloat 4s ease-in-out infinite;
}

/* Custom Input Focus Ring */
.gl-input {
  transition: all 0.2s ease;
}
.gl-input:focus {
  outline: none;
  border-color: #14b8a6;
  box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.2);
}

/* Swiper Slider styling */
.swiper-pagination-bullet-active {
  background-color: #0e3b38 !important;
  width: 20px !important;
  border-radius: 9999px !important;
}