body {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
    position: relative;
    overflow-x: hidden;
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 20% 20%, rgba(0, 255, 136, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(0, 161, 255, 0.1) 0%, transparent 50%),
        repeating-linear-gradient(45deg, rgba(0, 255, 136, 0.02) 0px, rgba(0, 255, 136, 0.02) 1px, transparent 1px, transparent 10px);
    animation: backgroundPulse 10s infinite;
    pointer-events: none;
    z-index: -1;
}

@keyframes backgroundPulse {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}

.about-hero {
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('./uploads/allimg/20250502/2025-05-16_16-23-11.png');
    background-size: cover;
    background-position: center;
    padding: 150px 0;
    text-align: center;
    position: relative;
}

.about-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, rgba(0, 255, 136, 0.1), rgba(0, 161, 255, 0.1));
    animation: heroGlow 8s infinite;
}

@keyframes heroGlow {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 0.6; }
}

.company-intro, .company-history, .team-section, .company-culture {
    background: rgba(10, 10, 10, 0.5);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(0, 255, 136, 0.1);
    margin: 40px 0;
    padding: 40px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.company-intro::before, .company-history::before, .team-section::before, .company-culture::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, transparent, rgba(0, 255, 136, 0.05), transparent);
    animation: sectionShine 3s infinite;
}

@keyframes sectionShine {
    0% { transform: translateX(-100%) rotate(45deg); }
    100% { transform: translateX(100%) rotate(45deg); }
}