/* Standalone styles for Namecheap — works even if _next/ CSS fails */

body {
  color: #f1f5f9;
}

main {
  color: #e2e8f0;
}

main p,
main li,
footer p,
footer li,
.policy-content p,
.policy-content li {
  color: #e2e8f0;
}

main h1,
main h2,
main h3,
main h4,
.card h2,
.card h3,
.card h4 {
  color: #ffffff;
}

.card {
  color: #e2e8f0;
  background-color: rgba(10, 10, 31, 0.92);
  backdrop-filter: blur(12px);
  border: 1px solid #1f2937;
}

footer {
  color: #cbd5e1;
}

footer a,
main a {
  color: #cbd5e1;
}

.cosmic-bg {
  background-color: #05050f;
  background-image:
    linear-gradient(to bottom, rgba(5, 5, 15, 0.45) 0%, rgba(5, 5, 15, 0.65) 100%),
    radial-gradient(circle at 20% 20%, rgba(167, 139, 250, 0.1) 0%, transparent 45%),
    radial-gradient(circle at 80% 80%, rgba(103, 232, 249, 0.06) 0%, transparent 45%),
    url("/Background.jpg");
  background-size: auto, auto, auto, cover;
  background-position: center, center, center, center top;
  background-attachment: scroll, scroll, scroll, fixed;
  background-repeat: no-repeat;
  min-height: 100vh;
}

.hero-scrim {
  background: rgba(5, 5, 15, 0.5);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(31, 41, 55, 0.45);
}

.text-hero {
  color: #ffffff;
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.85), 0 1px 4px rgba(0, 0, 0, 0.9);
}

.text-hero-sub {
  color: #f1f5f9;
  text-shadow: 0 1px 14px rgba(0, 0, 0, 0.8);
}

.page-heading {
  color: #ffffff;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.75);
}

.btn-primary {
  background: linear-gradient(135deg, #a78bfa, #67e8f9);
  color: #05050f;
  font-weight: 600;
}

.btn-secondary {
  border: 1px solid #a78bfa;
  color: #a78bfa;
}

.policy-content h2 {
  color: #67e8f9;
}