@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Noto+Sans+TC:wght@300;500;700&display=swap');

body {
    font-family: 'Noto Sans TC', sans-serif;
    background-color: #0b0f13;
    background-image: 
        radial-gradient(circle at 50% 50%, rgba(20, 30, 40, 0.6) 0%, rgba(11, 15, 19, 1) 100%),
        linear-gradient(rgba(18, 24, 32, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(18, 24, 32, 0.1) 1px, transparent 1px);
    background-size: 100% 100%, 20px 20px, 20px 20px;
}

.tech-font {
    font-family: 'Orbitron', sans-serif;
}

.bg-tactical-dark { 
    background-color: rgba(15, 23, 30, 0.95); 
}

/* Custom Scrollbar */
::-webkit-scrollbar { 
    width: 6px; 
    height: 6px; 
}
::-webkit-scrollbar-track { 
    background: #0b0f13; 
}
::-webkit-scrollbar-thumb { 
    background: #1f2937; 
    border-radius: 3px; 
}
::-webkit-scrollbar-thumb:hover { 
    background: #00ffcc; 
}