/* Hobbies Grid - "Offline Mode" */
.hobbies-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1em;
    margin-top: 2em;
}

.hobby-tag {
    display: inline-flex;
    align-items: center;
    background: #fff;
    padding: 0.75em 1.5em;
    border-radius: 50px;
    border: 1px solid rgba(144, 144, 144, 0.25);
    transition: all 0.3s ease;
    cursor: default;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.hobby-tag:hover {
    transform: translateY(-3px);
    border-color: #f32853;
    box-shadow: 0 5px 15px rgba(243, 40, 83, 0.15);
}

.hobby-tag .icon {
    margin-right: 0.75em;
    color: #f32853;
    font-size: 1.2em;
}

.hobby-tag .label {
    font-weight: 700;
    color: #484848;
    text-transform: uppercase;
    font-size: 0.85em;
    letter-spacing: 0.05em;
}

/* Staggered animation effect on hover */
.hobby-tag:nth-child(odd):hover {
    transform: translateY(-3px) rotate(1deg);
}

.hobby-tag:nth-child(even):hover {
    transform: translateY(-3px) rotate(-1deg);
}