/* About Section - Outer Container */
.about-section {
    padding: 4rem 2rem;
    background: transparent;
}

.about-outer-box {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    padding: 3rem;
    border: 2px solid #00f6fe;
    border-radius: 20px;
    box-shadow: 0 0 15px rgba(0, 246, 254, 0.2),
        inset 0 0 10px rgba(0, 246, 254, 0.1);
    background: rgba(1, 6, 28, 0.6);
    animation: aboutBoxGlow 4s ease-in-out infinite alternate;
}

@keyframes aboutBoxGlow {
    from {
        box-shadow: 0 0 15px rgba(0, 246, 254, 0.2),
            inset 0 0 10px rgba(0, 246, 254, 0.1);
        border-color: rgba(0, 246, 254, 0.5);
    }

    to {
        box-shadow: 0 0 30px rgba(0, 246, 254, 0.5),
            inset 0 0 15px rgba(0, 246, 254, 0.2);
        border-color: rgba(0, 246, 254, 1);
    }
}

/* Grid Layout - Image Left, Content Right */
.about-container {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 3rem;
    align-items: center;
}