/* design.css - Cyber-Orange Esports Style Sheet */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800;900&family=Rajdhani:wght@600;700&display=swap');

:root {
    --bg-main: #05070c;
    --panel-color: #0b0e15;
    --neon-orange: #ff5100;
    --border-glow: rgba(255, 81, 0, 0.25);
    --text-primary: #e2f9ff;
    --text-secondary: #7e91b0;
}

body {
    background-color: var(--bg-main) !important;
    background-image: 
        radial-gradient(circle at 50% 0%, rgba(255, 81, 0, 0.15) 0%, transparent 55%),
        radial-gradient(circle at 100% 100%, rgba(255, 81, 0, 0.05) 0%, transparent 40%) !important;
    color: var(--text-primary) !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 16px;
    overflow-x: hidden;
}

.font-gaming {
    font-family: 'Orbitron', sans-serif !important;
    letter-spacing: 1px;
}

::-webkit-scrollbar {
    width: 3px;
}
::-webkit-scrollbar-thumb {
    background: var(--neon-orange);
}

/* হাইলাইটেড ও গ্লোয়িং প্রোফাইল কার্ড */
.profile-card-highlight {
    background: linear-gradient(135deg, #101524 0%, #090c14 100%) !important;
    border: 2px solid var(--neon-orange) !important;
    box-shadow: 0 0 25px rgba(255, 81, 0, 0.25) !important;
    border-radius: 12px;
}

/* কাস্টম প্যানেল */
.gaming-panel {
    background: var(--panel-color);
    border: 1px solid rgba(255, 81, 0, 0.15);
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
}

/* গেম মোড কার্ড */
.game-mode-card {
    background: #0f131c;
    border: 1px solid rgba(255, 81, 0, 0.1);
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.25s ease;
}

.game-mode-card:hover {
    border-color: var(--neon-orange);
    transform: scale(1.02);
}

/* প্রোফাইল অ্যাকশন বাটন */
.profile-action-btn {
    background: rgba(15, 19, 28, 0.9);
    border: 1px solid rgba(255, 81, 0, 0.08);
    border-radius: 8px;
    transition: all 0.2s ease;
}

.profile-action-btn:hover {
    background: rgba(255, 81, 0, 0.05);
    border-color: rgba(255, 81, 0, 0.3);
}

/* বটম নেভিগেশন বার */
.bottom-nav {
    background: rgba(3, 5, 9, 0.98) !important;
    backdrop-filter: blur(12px);
    border-top: 1px solid rgba(255, 81, 0, 0.15);
}

/* একটিভ আইকন ও টেক্সট অ্যানিমেশন */
.nav-active {
    color: var(--neon-orange) !important;
}

.nav-active i {
    color: var(--neon-orange) !important;
    animation: activeTabPulse 1.8s infinite ease-in-out;
}

.nav-active span {
    color: var(--neon-orange) !important;
    font-weight: 700;
}

@keyframes activeTabPulse {
    0%, 100% {
        transform: translateY(-2px) scale(1.1);
        filter: drop-shadow(0 0 4px var(--neon-orange));
    }
    50% {
        transform: translateY(0) scale(1);
        filter: drop-shadow(0 0 1px var(--neon-orange));
    }
}