body {
    background-color: #0B1120;
    color: #E2E8F0;
}

::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #0B1120;
}
::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 5px;
    border: 2px solid #0B1120;
}
::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

.profile-glow {
    box-shadow: 0 0 40px -10px rgba(6, 182, 212, 0.3);
    animation: pulse-glow 3s infinite;
}

@keyframes pulse-glow {
    0% { box-shadow: 0 0 40px -10px rgba(6, 182, 212, 0.3); }
    50% { box-shadow: 0 0 60px -5px rgba(6, 182, 212, 0.5); }
    100% { box-shadow: 0 0 40px -10px rgba(6, 182, 212, 0.3); }
}

.bg-grid {
    background-size: 40px 40px;
    background-image: linear-gradient(to right, #1e293b 1px, transparent 1px),
        linear-gradient(to bottom, #1e293b 1px, transparent 1px);
    mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
}