body { font-family: 'Inter', sans-serif; }
h1, h2, h3, .brand { font-family: 'Lexend', sans-serif; }

.hero-gradient {
    background: radial-gradient(ellipse at top right, #dbeafe 0%, #f8fafc 60%);
}

.card-hover {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card-hover:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

html { scroll-behavior: smooth; }