.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    padding: 14px 28px;
    border-radius: 11px;
    font-weight: 900;
    border: 1px solid var(--primary);
    transition: 0.2s;
}
.btn-primary {
    background: var(--primary);
    color: var(--white);
  
}

.btn-primary:hover {
    background: var(--primary-dark);
    border-color: var(--primary-dark);
    transform: translateY(-1px);
}

.btn-outline {
    background: var(--white);
    color: var(--primary);
}
.btn-outline:hover {
    background: var(--primary);
    color: var(--white);
}
.card {
    background: var(--white);
    border: 1px solid var(--border);
    padding: 38px;
    box-shadow: var(--shadow);
}
.card:hover {
    transform: translateY(-3px);
    transition: 0.2s;
}
.cards-grid.four .card:first-child { border-radius: 18px 0 0 18px; }
.cards-grid.four .card:last-child { border-radius: 0 18px 18px 0; }
.icon {
    width: 58px;
    height: 58px;
    background: #dff5f6;
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 26px;
    margin-bottom: 24px;
}
.card h2 { font-size: 22px; font-weight: 900; }
.card p { color: var(--text); margin-bottom: 0; }
.info-card { border-radius: 18px; }
.post-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 28px;
    margin-bottom: 22px;
}
.post-meta { color: var(--muted); font-size: 14px; }
.featured-image { margin-bottom: 28px; }
.featured-image img { border-radius: var(--radius); }