/* ==========================================================================
   Home Page Styles
   ========================================================================== */

/* ==========================================================================
   Hero Section
   ========================================================================== */

/* Same stops as --gradient-body: #0A0F1C (--cyber-dark) -> #0F1A2E (no variable) -> #0A0F1C */
.gradient-bg {
    background: var(--gradient-body);
    position: relative;
    overflow: hidden;
}

#particle-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    /* Pointer events are tracked on the hero section, not the canvas */
    pointer-events: none;
}

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