/* Global Styles & Custom Utilities */
html {
    scroll-behavior: smooth;
}

/* Custom Text Gradient - "Metallic Purple" */
.text-metallic-purple {
    background: linear-gradient(to bottom right, #d09df5 0%, #9d4edd 30%, #63077a 60%, #24002e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0px 2px 0px rgba(255,255,255,0.1));
}

/* Base Form Styles for Consistency */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #0a0a0a inset !important;
    -webkit-text-fill-color: white !important;
}

/* --- MOBILE PERFORMANCE OPTIMIZATIONS --- */
@media (max-width: 768px) {
    /* 1. Disable Backdrop Blur: 
       This is the #1 cause of mobile lag. We replace it with a solid transparent background. */
    .backdrop-blur-md, 
    .backdrop-blur-xl, 
    .backdrop-blur-[120px] {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background-color: rgba(11, 11, 11, 0.95) !important; /* High opacity solid color */
    }

    /* 2. Disable Large Decorative Blurs:
       The large glowing orbs behind text are heavy. We hide them or reduce their complexity. */
    .blur-\[120px\], 
    .blur-\[100px\] {
        filter: none !important;
        opacity: 0 !important; /* Hide the glowing blobs on mobile */
    }

    /* 3. Reduce Shadow Complexity:
       Glow effects on buttons/cards are expensive. */
    .shadow-glow {
        box-shadow: none !important;
    }
    
    /* 4. Optimize Animation:
       Only allow transform/opacity animations, disable layout-shifting ones. */
    * {
        transition-property: transform, opacity, background-color, color !important;
    }
}