/* pages/index.css */
.hero-title {
    font-size: clamp(20px, 2.5vw, 28px);
    font-weight: 700;
    line-height: 1.6;
}

.hero-subtitle {
    font-size: clamp(14px, 1.8vw, 16px);
    color: #475569;
    line-height: 1.8;
}

.hero-note {
    font-size: 13px;
    color: #94a3b8;
}

.text-brand {
    color: #4f46e5;
}

.cat-card {
    background: #f8fafc;
    border-radius: 20px;
    padding: 1rem;
    transition: all 0.2s ease;
    text-decoration: none;
    color: #1e293b;
}

    .cat-card:hover {
        background: #eef2ff;
        transform: translateY(-4px);
    }

.emoji {
    font-size: 2.5rem;
}

.trust .icon {
    font-size: 2rem;
    color: #4f46e5;
}