/* Mamba Panel custom styles */

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background:
        radial-gradient(ellipse 80% 50% at 20% 10%, rgba(124,58,237,0.10) 0%, transparent 60%),
        radial-gradient(ellipse 60% 40% at 80% 20%, rgba(59,130,246,0.08) 0%, transparent 60%),
        radial-gradient(ellipse 50% 60% at 60% 80%, rgba(244,114,182,0.06) 0%, transparent 60%),
        #0B0D17;
    background-attachment: fixed;
}

.font-display {
    font-family: 'Space Grotesk', system-ui, sans-serif;
}

.glass-card {
    background: rgba(255,255,255,0.04);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.08);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.glass-card:hover {
    background: rgba(255,255,255,0.06);
}

.gradient-text {
    background: linear-gradient(135deg, #a78bfa 0%, #60a5fa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: #0B0D17;
}
::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.1);
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.2);
}

/* Hide alpine cloak */
[x-cloak] { display: none !important; }