/* ===========================================
   EXPERIENCE SECTION - BACKGROUND PATTERNS
   =========================================== */
.experience-card-telkom {
    background: linear-gradient(135deg, rgba(13, 46, 51, 0.95) 0%, rgba(26, 74, 82, 0.95) 100%),
        url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.05"><path d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z"/></g></g></svg>');
    background-size: cover, 30px 30px;
    border-radius: 0.75rem;
    padding: 1.5rem;
    color: white;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.experience-card-improvindo {
    background: linear-gradient(135deg, rgba(196, 132, 122, 0.95) 0%, rgba(229, 179, 163, 0.95) 100%),
        url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.08"><circle cx="20" cy="20" r="2"/><circle cx="0" cy="20" r="2"/><circle cx="40" cy="20" r="2"/><circle cx="20" cy="0" r="2"/><circle cx="20" cy="40" r="2"/></g></g></svg>');
    background-size: cover, 40px 40px;
    border-radius: 0.75rem;
    padding: 1.5rem;
    color: white;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.experience-card-humas {
    background: linear-gradient(135deg, rgba(13, 46, 51, 0.92) 0%, rgba(31, 41, 55, 0.92) 100%),
        url('data:image/svg+xml,<svg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.03"><path d="M 0 10 L 10 0 L 20 10 L 10 20 Z M 40 10 L 50 0 L 60 10 L 50 20 Z M 0 50 L 10 40 L 20 50 L 10 60 Z M 40 50 L 50 40 L 60 50 L 50 60 Z"/></g></g></svg>');
    background-size: cover, 80px 80px;
    border-radius: 0.75rem;
    padding: 1.5rem;
    color: white;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.experience-card-telkom:hover,
.experience-card-improvindo:hover,
.experience-card-humas:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.experience-card-telkom h4,
.experience-card-improvindo h4,
.experience-card-humas h4 {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.95;
}

.experience-card-telkom span,
.experience-card-improvindo span,
.experience-card-humas span {
    font-weight: bold;
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.95rem;
}