.giant-text {
    font-size: 18vw;
    line-height: 0.8;
    letter-spacing: -0.06em;
    color: #111111;
}


.post-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.post-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.08);
}


.featured-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.featured-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 30px 60px -15px rgba(26, 115, 232, 0.12);
}


.filter-btn.active {
    background-color: #111111;
    color: #ffffff;
}


.particle { animation: float 6s ease-in-out infinite; }

@keyframes float {
    0%   { transform: translateY(0px) rotate(0deg); }
    50%  { transform: translateY(-30px) rotate(12deg); }
    100% { transform: translateY(0px) rotate(0deg); }
}


#search-input:focus {
    outline: none;
    border-color: #1a73e8;
    box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.12);
}