:root {
    --brand: #0f172a;
    --accent: #0ea5a4;
}

body {
    font-family: 'Source Sans 3', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
    letter-spacing: -0.02em;
}

.prose :where(p, ul, ol) {
    color: #475569;
}

.hero-gradient {
    background: radial-gradient(1200px circle at top left, rgba(16, 185, 129, 0.3), transparent 55%),
                radial-gradient(900px circle at 20% 10%, rgba(14, 165, 233, 0.2), transparent 50%),
                linear-gradient(135deg, #0f172a, #0b1120);
}

.glass-card {
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(226, 232, 240, 0.8);
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(12px);
}

.feature-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -10px rgba(15, 23, 42, 0.1);
}