@layer utilities {
    .text-balance {
        text-wrap: balance;
    }
    .card-shadow {
        box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    }
    .card-hover {
        transition: all 0.28s ease;
    }
    .card-hover:hover {
        box-shadow: 0 6px 20px rgba(0,0,0,0.1);
        transform: translateY(-2px);
    }
    .border-l-gold {
        border-left: 4px solid #B8863F;
    }
}