body {
    font-family: 'Rajdhani', sans-serif;
    background-color: #0a0314;
    overflow-x: hidden;
    margin: 0;
    min-height: 100vh;
}
.font-cyber {
    font-family: 'Orbitron', sans-serif;
}
.glow-purple {
    text-shadow: 0 0 10px #8c1eff, 0 0 20px #8c1eff;
}
.glow-cyan {
    text-shadow: 0 0 10px #00ffff, 0 0 20px #00ffff;
}
.border-glow {
    box-shadow: 0 0 15px rgba(140, 30, 255, 0.3);
    border: 1px solid rgba(140, 30, 255, 0.5);
    transition: all 0.3s ease;
}
.border-glow:hover {
    box-shadow: 0 0 25px rgba(0, 255, 255, 0.6);
    border: 1px solid rgba(0, 255, 255, 0.8);
}
::-webkit-scrollbar {
    width: 14px;
}
::-webkit-scrollbar-track {
    background: #0a0314;
    border-left: 1px solid rgba(140, 30, 255, 0.2);
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #8c1eff, #00ffff);
    border-radius: 7px;
    border: 3px solid #0a0314;
}
.cyber-grid {
    background-image: linear-gradient(rgba(140, 30, 255, 0.05) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(140, 30, 255, 0.05) 1px, transparent 1px);
    background-size: 50px 50px;
}