/* ==============================================================
   🏠 CodeSync Homepage Styles
   ============================================================== */

.hero-section {
    background-color: transparent;
    padding: 3rem 0;
}

.hero-glow-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, rgba(124, 58, 237, 0.25) 0%, rgba(37, 99, 235, 0.15) 50%, transparent 70%);
    z-index: -1;
    border-radius: 50%;
    filter: blur(40px);
}

.hero-main-img {
    border-radius: 16px;
    transition: transform 0.4s ease;
}

.hero-main-img:hover {
    transform: scale(1.02);
}

.max-w-700 {
    max-width: 700px;
}

.fw-black {
    font-weight: 800;
}

.hover-lift {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: var(--card-hover-shadow);
}