html {
        scrollbar-width: thin;
        scrollbar-color: #2E4FA3 #edf1f7;
    }

    ::-webkit-scrollbar { width: 12px; height: 12px; }
    ::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
    ::-webkit-scrollbar-corner { background: transparent; }

    ::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 99px;
    }

    ::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, #4A6BD1 0%, #2E4FA3 45%, #012169 100%);
        background-clip: padding-box;
        border: 3px solid transparent;
        border-radius: 99px;
        min-height: 44px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(180deg, #5A7ADF 0%, #3A5CB8 45%, #0A2E7E 100%);
        background-clip: padding-box;
        border: 3px solid transparent;
    }

    ::-webkit-scrollbar-thumb:active {
        background: linear-gradient(180deg, #2E4FA3 0%, #1B3A8A 50%, #001445 100%);
        background-clip: padding-box;
        border: 3px solid transparent;
    }

    html::-webkit-scrollbar-track,
    body::-webkit-scrollbar-track {
        background: linear-gradient(180deg, #f1f4fa 0%, #e9eef7 100%);
        box-shadow: inset 0 0 6px rgba(1, 33, 105, 0.08);
    }

    body::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, #4A6BD1 0%, #2E4FA3 45%, #012169 100%);
        background-clip: padding-box;
        border: 3px solid transparent;
        border-radius: 99px;
        min-height: 44px;
    }

    body::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(180deg, #5A7ADF 0%, #3A5CB8 45%, #0A2E7E 100%);
        background-clip: padding-box;
        border: 3px solid transparent;
    }

    body::-webkit-scrollbar-thumb:active {
        background: linear-gradient(180deg, #2E4FA3 0%, #1B3A8A 50%, #001445 100%);
        background-clip: padding-box;
        border: 3px solid transparent;
    }

    ::selection { background: rgba(1, 33, 105, 0.16); }