/* Reusable Components */

/* Glassmorphism Refined */
.glass-panel {
    background: rgba(21, 21, 25, 0.6);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
}

.nav-glass {
    background: rgba(15, 15, 18, 0.85);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* Gradients & Text Effects */
.text-gradient {
    background: linear-gradient(135deg, #00d4ff 0%, #a855f7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.border-gradient {
    position: relative;
    background: linear-gradient(#151519, #151519) padding-box,
                linear-gradient(135deg, rgba(0, 212, 255, 0.5), rgba(168, 85, 247, 0.5)) border-box;
    border: 1px solid transparent;
}

.neon-glow {
    box-shadow: 0 0 20px rgba(0, 212, 255, 0.15);
}