/* 🌌 Midnight Glassmorphism Theme */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root {
  --pilti-font-heading: 'Outfit', sans-serif;
  --pilti-font-body: 'Plus Jakarta Sans', sans-serif;
}

body { font-family: var(--pilti-font-body) !important; color: #1E293B !important; background-color: #F8FAFC !important; }
h1, h2, h3, h4, h5, h6 { font-family: var(--pilti-font-heading) !important; }

.pilti-hero-banner {
  background: linear-gradient(135deg, #0F172A 0%, #1E1B4B 50%, #0F172A 100%) !important;
  border-radius: 1.5rem !important; padding: 3rem 2rem !important; margin: 1.5rem auto !important; color: #FFFFFF !important;
  box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.4) !important; border: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.pilti-hero-badge {
  display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; padding: 0.35rem 1rem !important;
  border-radius: 9999px !important; background: rgba(79, 70, 229, 0.25) !important; color: #A5B4FC !important;
  border: 1px solid rgba(165, 180, 252, 0.3) !important; font-size: 0.75rem !important; font-weight: 700 !important; text-transform: uppercase !important;
}
.pilti-hero-title { font-size: 2.5rem !important; font-weight: 800 !important; color: #FFFFFF !important; margin-bottom: 1rem !important; }
.pilti-hero-gradient-text { background: linear-gradient(135deg, #A5B4FC 0%, #38BDF8 50%, #34D399 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; }
.pilti-btn-primary { display: inline-flex !important; padding: 0.875rem 1.75rem !important; border-radius: 0.875rem !important; background: #4F46E5 !important; color: #FFFFFF !important; font-weight: 600 !important; text-decoration: none !important; box-shadow: 0 10px 20px -5px rgba(79, 70, 229, 0.5) !important; }
.pilti-btn-secondary { display: inline-flex !important; padding: 0.875rem 1.75rem !important; border-radius: 0.875rem !important; background: rgba(255, 255, 255, 0.12) !important; color: #FFFFFF !important; font-weight: 600 !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; text-decoration: none !important; margin-left: 1rem !important; }

.pilti-feature-grid { display: flex !important; flex-wrap: wrap !important; gap: 1.25rem !important; margin: 2rem auto !important; }
.pilti-feature-card { flex: 1 1 220px !important; display: flex !important; align-items: center !important; gap: 1rem !important; padding: 1.25rem !important; border-radius: 1.25rem !important; background: #FFFFFF !important; border: 1px solid #E2E8F0 !important; box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.04) !important; }
.pilti-feature-icon { width: 3.25rem !important; height: 3.25rem !important; border-radius: 0.875rem !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 1.6rem !important; }
.pilti-icon-indigo { background: #EEF2FF !important; color: #4F46E5 !important; }
.pilti-icon-emerald { background: #ECFDF5 !important; color: #10B981 !important; }
.pilti-icon-purple { background: #F3E8FF !important; color: #9333EA !important; }
.pilti-icon-amber { background: #FFFBEB !important; color: #D97706 !important; }