/* Contact Page Styles */
body {
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  background:
    radial-gradient(circle at top left, rgba(91,67,214,0.16), transparent 28%),
    radial-gradient(circle at bottom right, rgba(56,189,248,0.16), transparent 25%),
    #f8f8fc;
}
h1,h2,h3,h4 { font-family: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif; letter-spacing: -0.02em; }

.bg-gradient-primary { background-image: linear-gradient(135deg, #5b43d6, #38bdf8); }
.bg-gradient-hero {
  background-image:
    radial-gradient(ellipse at top left, rgba(91,67,214,0.18) 0%, transparent 60%),
    radial-gradient(ellipse at bottom right, rgba(56,189,248,0.14) 0%, transparent 60%);
}
.bg-gradient-card { background-image: linear-gradient(180deg, #ffffff, #f5f5fb); }
.shadow-elegant { box-shadow: 0 20px 50px -20px rgba(91,67,214,0.35); }
.shadow-card    { box-shadow: 0 4px 20px -8px rgba(30,27,60,0.12); }
.text-primary   { color: #5b43d6; }

.mobile-menu      { display: none; }
.mobile-menu.open { display: block; }

.contact-hero {
  background:
    radial-gradient(circle at top left, rgba(91,67,214,0.13), transparent 32%),
    radial-gradient(circle at bottom right, rgba(56,189,248,0.16), transparent 30%),
    #ffffff;
}

.contact-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid #e9e9f0;
  background: #ffffff;
  padding: 0.55rem 0.9rem;
  font-size: 0.78rem;
  font-weight: 600;
  color: #334155;
}

.contact-card {
  background: linear-gradient(180deg, #ffffff, #f8f8fc);
}

/* Toast */
.toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9999;
  padding: 12px 20px;
  border-radius: 12px;
  background: #5b43d6;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 10px 30px rgba(91,67,214,0.4);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.toast.show { opacity: 1; }