::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #1c1c1c;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #720606, #700015);
    border-radius: 6px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6);
    transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #720606, #990022);
}

* {
    scrollbar-width: thin;
    scrollbar-color: #720606 #1c1c1c;
}

body {
    background: linear-gradient(135deg, #0f0f0f 0%, #1c1c1c 30%, #3a0d0d 80%, #1a0000 100%);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
}

nav {
    background: linear-gradient(135deg, #0f0f0f 0%, #1c1c1c 30%, #3a0d0d 80%, #1a0000 100%);
    background-attachment: fixed;
    background-size: cover;
    background-position: 0 0;
}

@media (min-height: 500px) {
    main {
        padding-bottom: 20px;
    }
}

.glow {
    box-shadow: 0 0 20px #ff003c, 0 0 60px #ff003c66, 0 0 100px #ff003c33;
}