/* Custom Style System matching Deep Purple Space (Image 2 style) & Cyan Glowing Pricing (Image 1 style) */

@layer utilities {
    .glass-card {
        background: rgba(18, 9, 36, 0.7);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border: 1px solid rgba(124, 58, 237, 0.2);
    }
    
    .glass-card-hover:hover {
        border-color: rgba(6, 182, 212, 0.5);
        box-shadow: 0 10px 30px -10px rgba(6, 182, 212, 0.25);
    }

    .glow-cyan {
        box-shadow: 0 0 30px rgba(6, 182, 212, 0.35);
    }

    .glow-purple {
        box-shadow: 0 0 35px rgba(147, 51, 234, 0.3);
    }
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #080312;
}
::-webkit-scrollbar-thumb {
    background: #2a164d;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #7c3aed;
}

/* Details Accordion Animation */
details summary::-webkit-details-marker {
    display: none;
}

details[open] summary {
    border-bottom: 1px solid rgba(124, 58, 237, 0.2);
    padding-bottom: 1rem;
}