@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=Lexend:wght@400;600;700&display=swap');

:root {
    --primary: #0056b3;
    --secondary: #f4f7fa;
    --accent: #ff6b00;
    --dark: #1a202c;
    --text: #4a5568;
}

body {
    font-family: 'Inter', sans-serif;
    color: var(--text);
    scroll-behavior: smooth;
}

h1, h2, h3, h4, .font-heading {
    font-family: 'Lexend', sans-serif;
}

.bg-gradient-premium {
    background: linear-gradient(135deg, #004a99 0%, #0066cc 100%);
}

.card-shadow {
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
}

.card-shadow:hover {
    transform: translateY(-5px);
}

.glass-nav {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
}

.cta-button {
    @apply px-8 py-4 rounded-full font-bold transition-all duration-300 transform hover:scale-105 active:scale-95 flex items-center justify-center;
}

.input-field {
    @apply w-full px-4 py-3 rounded-lg border border-gray-200 focus:border-blue-500 focus:ring-2 focus:ring-blue-200 outline-none transition-all;
}

/* SEO Optimized Text Blocks */
.content-block p { @apply mb-6 leading-relaxed text-lg; }
.content-block h2 { @apply text-3xl font-bold text-dark mt-12 mb-6; }
.content-block h3 { @apply text-2xl font-semibold text-dark mt-8 mb-4; }
.content-block ul { @apply mb-6 list-disc pl-6 space-y-2; }