:root {
  --glass-bg: rgba(255, 255, 255, 0.72);
  --glass-bg-strong: rgba(255, 255, 255, 0.84);
  --glass-border: rgba(148, 163, 184, 0.16);
  --glass-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
  --surface-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

html {
  scroll-behavior: smooth;
}

body {
  background:
    radial-gradient(circle at top left, rgba(197, 179, 88, 0.12), transparent 28%),
    radial-gradient(circle at top right, rgba(59, 130, 246, 0.12), transparent 30%),
    linear-gradient(180deg, #f7f9fc 0%, #eef2f7 100%);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img {
  max-width: 100%;
  display: block;
}

a {
  transition: color 0.25s ease, transform 0.25s ease, opacity 0.25s ease;
}

.btn,
button,
input,
textarea,
select {
  border-radius: 14px;
}

.btn,
button {
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.btn:hover,
button:hover {
  transform: translateY(-1px);
}

.hero,
.section,
.dashboard-section,
.auth-wrapper,
.main-content,
.container,
.container-fluid {
  position: relative;
}

header,
.top-nav,
.sidebar,
.notification-dropdown,
.user-menu-dropdown,
.modal-content,
.feature-card,
.plan-card,
.testimonial-card,
.contact-card,
.stat-card,
.action-card,
.investment-card,
.transactions-table,
.signal-card,
.referral-stat,
.referral-link-container,
.no-investments,
.success-modal {
  backdrop-filter: blur(18px);
  box-shadow: var(--surface-shadow);
}

header {
  background: var(--glass-bg);
  border-bottom: 1px solid var(--glass-border);
}

.hero,
.section,
.dashboard-section {
  overflow: clip;
}

.section-title h2,
.hero h1,
.dashboard-hero h1 {
  letter-spacing: -0.03em;
}

.feature-card,
.plan-card,
.testimonial-card,
.contact-card,
.signal-card,
.referral-stat,
.referral-link-container,
.no-investments {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
}

.feature-card:hover,
.plan-card:hover,
.testimonial-card:hover,
.contact-card:hover,
.signal-card:hover,
.referral-stat:hover,
.action-card:hover,
.investment-card:hover,
.stat-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--glass-shadow);
}

.notification-dropdown,
.user-menu-dropdown,
.modal-content,
.success-modal {
  background: var(--glass-bg-strong);
  border: 1px solid var(--glass-border);
}

.sidebar,
.top-nav,
.transactions-table,
.stat-card,
.action-card,
.investment-card {
  border: 1px solid var(--glass-border);
}

.section-content {
  box-shadow: var(--glass-shadow);
}

.is-revealed {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
}

[data-reveal] {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.75s ease, transform 0.75s ease;
}

@media (max-width: 768px) {
  .hero,
  .dashboard-hero {
    border-radius: 22px;
  }

  .top-nav {
    border-radius: 18px;
  }
}