body {
    font-family: 'Inter', sans-serif;
    background-color: #f9f9f9;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
    display: inline-block;
    vertical-align: middle;
}

.gold-accent-line {
    height: 2px;
    width: 40px;
    background-color: #C5A059;
}

.gold-border-top {
    border-top: 2px solid #C5A059;
}

.gradient-overlay {
    background: linear-gradient(to right, rgba(0, 11, 29, 0.9), rgba(0, 11, 29, 0.4));
}

.bento-card {
    transition: transform 0.3s ease, border-color 0.3s ease;
}

.bento-card:hover {
    transform: translateY(-4px);
    border-color: #000b1d;
}

.shadow-institutional,
.institutional-shadow {
    box-shadow: 0 12px 32px rgba(0, 34, 68, 0.05);
}

.service-card {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.3s ease;
}

.service-card:hover {
    transform: translateY(-4px);
}