html {
    scroll-behavior: smooth;
}
html::-webkit-scrollbar {
    width: 8px;
}
html::-webkit-scrollbar-track {
    background: rgba(30, 30, 46, 0.8);
    border-radius: 4px;
}
html::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #646cff, #8b5cf6);
    border-radius: 4px;
    border: 1px solid rgba(100, 108, 255, 0.3);
    box-shadow: 0 2px 8px rgba(100, 108, 255, 0.3);
}
html::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #747bff, #9d69f7);
    box-shadow: 0 2px 12px rgba(100, 108, 255, 0.5);
}
html::-webkit-scrollbar-thumb:active {
    background: linear-gradient(135deg, #565bf0, #7a4de6);
}
html::-webkit-scrollbar-corner {
    background: transparent;
}
html.scrolled::after {
    opacity: 1;
}