/* =========================================================================
   THE SOVEREIGN OPERATOR - GLOBAL STYLES
   ========================================================================= */

/* 1. Base Setup & Smooth Scrolling */
html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Prevents horizontal scrolling/wobble on mobile */
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 2. The "Cinematic" Scrollbar Removal */
/* We want the user to scroll, but we don't want the ugly grey scrollbar breaking the immersive 3D experience. */
::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}
* {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* 3. Hardware-Accelerated Button Glows */
/* This adds a premium, subtle pulse/glow to your primary CTA buttons without draining battery */
.shadow-glow {
    box-shadow: 0 0 20px rgba(37, 99, 235, 0.4);
    transition: box-shadow 0.3s ease-in-out, transform 0.2s ease-out;
}
.shadow-glow:hover {
    box-shadow: 0 0 30px rgba(37, 99, 235, 0.7);
    transform: translateY(-2px);
}

/* 4. Vanta Canvas Z-Index Lock */
/* Ensures the 3D sky stays strictly in the background */
#vanta-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none; /* Stops the background from blocking button clicks */
}