body
{
    box-sizing: border-box;
}
.blog-card
{
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.blog-card:hover 
{
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}
.fade-in 
{
    animation: fadeIn 0.5s ease-in;
}
@keyframes fadeIn 
{
    from { opacity: 0; transform: translateY(20px); }
   to { opacity: 1; transform: translateY(0); }
}        
.modal
{
    backdrop-filter: blur(5px);
}
.rich-editor 
{
    min-height: 200px;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 1rem;
}
.tag 
{
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.like-btn 
{
    transition: all 0.3s ease;
}
.like-btn.liked 
{
    color: #ef4444;
   transform: scale(1.1);
}