/* ==========================================================================
   ABOUT — tech-stack badges
   ========================================================================== */

.tech-stack {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin-top: 3rem;
}

.tech-badge {
    background: rgba(15, 15, 20, 0.35);
    border: 1px solid rgba(245, 242, 234, 0.16);
    padding: 0.8rem 1.8rem;
    border-radius: 100px;
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0;
    transition: background-color 0.28s ease, border-color 0.28s ease,
                box-shadow 0.28s ease, transform 0.28s ease, color 0.28s ease;
    cursor: default;
    color: #F5F2EA;
}

.tech-badge:hover {
    background: #8B1E1E;
    border-color: rgba(255, 45, 45, 0.5);
    box-shadow: 0 0 18px rgba(255, 45, 45, 0.35);
    transform: translateY(-2px);
    color: #F5F2EA;
}