/* ============================================
   SKILLECT — Home Page Styles
   ============================================ */

.hero-section {
    position: relative;
}

.hero-section::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 600px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(99, 102, 241, 0.15), transparent 70%);
    pointer-events: none;
    z-index: 0;
}

.hero-content {
    position: relative;
    z-index: 1;
}

.hero-title {
    letter-spacing: -0.02em;
}

.hero-features .glass-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-glow);
}

.step-number {
    box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);
}