/* Custom Global Micro-Border Stylesheets */
body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: #000000;
}

h1, h2, h3 {
    font-family: 'Space Grotesk', sans-serif;
}

/* Stripe/Apple-Grade Gradient Header Shading */
.text-gradient {
    background: linear-gradient(180deg, #FFFFFF 0%, #A3AEBB 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Immersive Ambient Micro-Grid Vector Map */
.grid-overlay {
    background-image: linear-gradient(to right, rgba(255,255,255,0.012) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(255,255,255,0.012) 1px, transparent 1px);
    background-size: 60px 60px;
    mask-image: radial-gradient(circle 50vw at 50% 15vh, #000000 40%, transparent 100%);
}

/* Premium Ultra-Thin Transparent Border Panels */
.glass-container {
    background: rgba(4, 6, 14, 0.3);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.03);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.01),
                0 20px 40px -15px rgba(0, 0, 0, 0.5);
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Smooth Fluid Cursor Hover Transformation States */
.glass-container:hover {
    background: rgba(8, 12, 26, 0.5);
    border-color: rgba(255, 255, 255, 0.08);
    transform: translateY(-2px);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.02),
                0 30px 60px -20px rgba(0, 0, 0, 0.7);
}