/* SellAuth Custom CSS - Randomized Dense Starfield (Original Colors) */

/* Ultra-smooth scrolling */
html {
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
}

html::-webkit-scrollbar {
    display: none;
}

body {
    background: linear-gradient(180deg, #000000 0%, #0a0a14 50%, #000000 100%) !important;
    position: relative;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    min-height: 100vh;
}

body::-webkit-scrollbar {
    display: none;
}

/* Apply smooth momentum scrolling */
* {
    -webkit-overflow-scrolling: touch;
}

/* Star layer 1 - Truly randomized tiny stars */
body::before {
    content: '';
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-image: 
        radial-gradient(1px 1px at 7% 13%, white, transparent),
        radial-gradient(1px 1px at 23% 67%, white, transparent),
        radial-gradient(1px 1px at 89% 24%, white, transparent),
        radial-gradient(1px 1px at 34% 89%, white, transparent),
        radial-gradient(1px 1px at 71% 42%, white, transparent),
        radial-gradient(1px 1px at 12% 78%, white, transparent),
        radial-gradient(1px 1px at 56% 5%, white, transparent),
        radial-gradient(1px 1px at 91% 56%, white, transparent),
        radial-gradient(1px 1px at 45% 31%, white, transparent),
        radial-gradient(1px 1px at 18% 94%, white, transparent),
        radial-gradient(1px 1px at 67% 18%, white, transparent),
        radial-gradient(1px 1px at 83% 73%, white, transparent),
        radial-gradient(1px 1px at 29% 47%, white, transparent),
        radial-gradient(1px 1px at 5% 62%, white, transparent),
        radial-gradient(1px 1px at 52% 85%, white, transparent),
        radial-gradient(1px 1px at 76% 9%, white, transparent),
        radial-gradient(1px 1px at 38% 52%, white, transparent),
        radial-gradient(1px 1px at 94% 38%, white, transparent),
        radial-gradient(1px 1px at 61% 71%, white, transparent),
        radial-gradient(1px 1px at 14% 26%, white, transparent),
        radial-gradient(1px 1px at 49% 93%, white, transparent),
        radial-gradient(1px 1px at 82% 47%, white, transparent),
        radial-gradient(1px 1px at 26% 14%, white, transparent),
        radial-gradient(1px 1px at 58% 68%, white, transparent),
        radial-gradient(1px 1px at 9% 81%, white, transparent),
        radial-gradient(1px 1px at 73% 33%, white, transparent),
        radial-gradient(1px 1px at 41% 6%, white, transparent),
        radial-gradient(1px 1px at 87% 59%, white, transparent),
        radial-gradient(1px 1px at 32% 76%, white, transparent),
        radial-gradient(1px 1px at 64% 21%, white, transparent),
        radial-gradient(1px 1px at 17% 49%, white, transparent),
        radial-gradient(1px 1px at 79% 88%, white, transparent),
        radial-gradient(1px 1px at 47% 37%, white, transparent),
        radial-gradient(1px 1px at 3% 55%, white, transparent),
        radial-gradient(1px 1px at 68% 12%, white, transparent),
        radial-gradient(1px 1px at 85% 64%, white, transparent),
        radial-gradient(1px 1px at 21% 91%, white, transparent),
        radial-gradient(1px 1px at 54% 28%, white, transparent),
        radial-gradient(1px 1px at 96% 45%, white, transparent),
        radial-gradient(1px 1px at 36% 82%, white, transparent),
        radial-gradient(1px 1px at 62% 7%, white, transparent),
        radial-gradient(1px 1px at 11% 39%, white, transparent),
        radial-gradient(1px 1px at 75% 96%, white, transparent),
        radial-gradient(1px 1px at 43% 61%, white, transparent),
        radial-gradient(1px 1px at 8% 17%, white, transparent),
        radial-gradient(1px 1px at 59% 74%, white, transparent),
        radial-gradient(1px 1px at 88% 29%, white, transparent),
        radial-gradient(1px 1px at 25% 58%, white, transparent),
        radial-gradient(1px 1px at 51% 43%, white, transparent),
        radial-gradient(1px 1px at 78% 8%, white, transparent),
        radial-gradient(1px 1px at 15% 69%, white, transparent),
        radial-gradient(1px 1px at 92% 86%, white, transparent),
        radial-gradient(1px 1px at 39% 22%, white, transparent),
        radial-gradient(1px 1px at 66% 51%, white, transparent),
        radial-gradient(1px 1px at 6% 34%, white, transparent),
        radial-gradient(1px 1px at 81% 77%, white, transparent),
        radial-gradient(1px 1px at 28% 3%, white, transparent),
        radial-gradient(1px 1px at 57% 92%, white, transparent),
        radial-gradient(1px 1px at 84% 16%, white, transparent),
        radial-gradient(1px 1px at 19% 48%, white, transparent),
        radial-gradient(1px 1px at 72% 65%, white, transparent),
        radial-gradient(1px 1px at 44% 84%, white, transparent),
        radial-gradient(1px 1px at 97% 27%, white, transparent),
        radial-gradient(1px 1px at 31% 56%, white, transparent),
        radial-gradient(1px 1px at 63% 11%, white, transparent),
        radial-gradient(1px 1px at 10% 72%, white, transparent),
        radial-gradient(1px 1px at 55% 36%, white, transparent),
        radial-gradient(1px 1px at 86% 89%, white, transparent),
        radial-gradient(1px 1px at 22% 19%, white, transparent),
        radial-gradient(1px 1px at 48% 63%, white, transparent),
        radial-gradient(1px 1px at 74% 44%, white, transparent),
        radial-gradient(1px 1px at 4% 98%, white, transparent),
        radial-gradient(1px 1px at 69% 25%, white, transparent),
        radial-gradient(1px 1px at 37% 79%, white, transparent),
        radial-gradient(1px 1px at 93% 52%, white, transparent),
        radial-gradient(1px 1px at 16% 9%, white, transparent),
        radial-gradient(1px 1px at 60% 87%, white, transparent),
        radial-gradient(1px 1px at 80% 35%, white, transparent),
        radial-gradient(1px 1px at 27% 66%, white, transparent),
        radial-gradient(1px 1px at 53% 14%, white, transparent),
        radial-gradient(1px 1px at 90% 71%, white, transparent),
        radial-gradient(1px 1px at 35% 41%, white, transparent),
        radial-gradient(1px 1px at 65% 95%, white, transparent),
        radial-gradient(1px 1px at 13% 54%, white, transparent),
        radial-gradient(1px 1px at 77% 23%, white, transparent),
        radial-gradient(1px 1px at 42% 75%, white, transparent),
        radial-gradient(1px 1px at 99% 60%, white, transparent),
        radial-gradient(1px 1px at 24% 32%, white, transparent),
        radial-gradient(1px 1px at 50% 80%, white, transparent),
        radial-gradient(1px 1px at 70% 4%, white, transparent),
        radial-gradient(1px 1px at 1% 46%, white, transparent),
        radial-gradient(1px 1px at 46% 57%, white, transparent),
        radial-gradient(1px 1px at 95% 83%, white, transparent),
        radial-gradient(1px 1px at 33% 15%, white, transparent),
        radial-gradient(1px 1px at 56% 99%, white, transparent),
        radial-gradient(1px 1px at 87% 40%, white, transparent),
        radial-gradient(1px 1px at 20% 70%, white, transparent);
    background-size: 100% 100%;
    animation: twinkle-1 3s ease-in-out infinite;
    z-index: -5;
    pointer-events: none;
    opacity: 0.8;
}

/* Star layer 2 - Another randomized layer */
body::after {
    content: '';
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-image: 
        radial-gradient(1px 1px at 62% 19%, white, transparent),
        radial-gradient(1px 1px at 9% 74%, white, transparent),
        radial-gradient(1px 1px at 84% 31%, white, transparent),
        radial-gradient(1px 1px at 38% 96%, white, transparent),
        radial-gradient(1px 1px at 71% 48%, white, transparent),
        radial-gradient(1px 1px at 15% 7%, white, transparent),
        radial-gradient(1px 1px at 91% 63%, white, transparent),
        radial-gradient(1px 1px at 47% 26%, white, transparent),
        radial-gradient(1px 1px at 5% 85%, white, transparent),
        radial-gradient(1px 1px at 68% 39%, white, transparent),
        radial-gradient(1px 1px at 82% 92%, white, transparent),
        radial-gradient(1px 1px at 26% 54%, white, transparent),
        radial-gradient(1px 1px at 59% 12%, white, transparent),
        radial-gradient(1px 1px at 94% 67%, white, transparent),
        radial-gradient(1px 1px at 41% 78%, white, transparent),
        radial-gradient(1px 1px at 12% 21%, white, transparent),
        radial-gradient(1px 1px at 76% 59%, white, transparent),
        radial-gradient(1px 1px at 33% 90%, white, transparent),
        radial-gradient(1px 1px at 88% 15%, white, transparent),
        radial-gradient(1px 1px at 52% 44%, white, transparent),
        radial-gradient(1px 1px at 3% 68%, white, transparent),
        radial-gradient(1px 1px at 65% 29%, white, transparent),
        radial-gradient(1px 1px at 79% 81%, white, transparent),
        radial-gradient(1px 1px at 23% 37%, white, transparent),
        radial-gradient(1px 1px at 56% 6%, white, transparent),
        radial-gradient(1px 1px at 97% 52%, white, transparent),
        radial-gradient(1px 1px at 44% 73%, white, transparent),
        radial-gradient(1px 1px at 8% 16%, white, transparent),
        radial-gradient(1px 1px at 70% 87%, white, transparent),
        radial-gradient(1px 1px at 29% 42%, white, transparent),
        radial-gradient(1px 1px at 85% 58%, white, transparent),
        radial-gradient(1px 1px at 17% 94%, white, transparent),
        radial-gradient(1px 1px at 61% 23%, white, transparent),
        radial-gradient(1px 1px at 92% 35%, white, transparent),
        radial-gradient(1px 1px at 35% 76%, white, transparent),
        radial-gradient(1px 1px at 74% 9%, white, transparent),
        radial-gradient(1px 1px at 11% 61%, white, transparent),
        radial-gradient(1px 1px at 58% 88%, white, transparent),
        radial-gradient(1px 1px at 81% 27%, white, transparent),
        radial-gradient(1px 1px at 20% 50%, white, transparent),
        radial-gradient(1px 1px at 67% 71%, white, transparent),
        radial-gradient(1px 1px at 96% 4%, white, transparent),
        radial-gradient(1px 1px at 40% 65%, white, transparent),
        radial-gradient(1px 1px at 6% 32%, white, transparent),
        radial-gradient(1px 1px at 73% 84%, white, transparent),
        radial-gradient(1px 1px at 28% 18%, white, transparent),
        radial-gradient(1px 1px at 90% 79%, white, transparent),
        radial-gradient(1px 1px at 54% 47%, white, transparent),
        radial-gradient(1px 1px at 2% 93%, white, transparent),
        radial-gradient(1px 1px at 63% 56%, white, transparent),
        radial-gradient(1px 1px at 86% 11%, white, transparent),
        radial-gradient(1px 1px at 19% 69%, white, transparent),
        radial-gradient(1px 1px at 77% 36%, white, transparent),
        radial-gradient(1px 1px at 45% 98%, white, transparent),
        radial-gradient(1px 1px at 10% 45%, white, transparent),
        radial-gradient(1px 1px at 69% 62%, white, transparent),
        radial-gradient(1px 1px at 83% 24%, white, transparent),
        radial-gradient(1px 1px at 31% 82%, white, transparent),
        radial-gradient(1px 1px at 57% 8%, white, transparent),
        radial-gradient(1px 1px at 95% 75%, white, transparent),
        radial-gradient(1px 1px at 42% 53%, white, transparent),
        radial-gradient(1px 1px at 14% 13%, white, transparent),
        radial-gradient(1px 1px at 75% 91%, white, transparent),
        radial-gradient(1px 1px at 37% 28%, white, transparent),
        radial-gradient(1px 1px at 89% 46%, white, transparent),
        radial-gradient(1px 1px at 51% 70%, white, transparent),
        radial-gradient(1px 1px at 4% 55%, white, transparent),
        radial-gradient(1px 1px at 66% 17%, white, transparent),
        radial-gradient(1px 1px at 80% 97%, white, transparent),
        radial-gradient(1px 1px at 25% 60%, white, transparent),
        radial-gradient(1px 1px at 72% 33%, white, transparent),
        radial-gradient(1px 1px at 48% 86%, white, transparent),
        radial-gradient(1px 1px at 93% 20%, white, transparent),
        radial-gradient(1px 1px at 36% 41%, white, transparent),
        radial-gradient(1px 1px at 60% 95%, white, transparent),
        radial-gradient(1px 1px at 7% 77%, white, transparent),
        radial-gradient(1px 1px at 78% 49%, white, transparent),
        radial-gradient(1px 1px at 22% 5%, white, transparent),
        radial-gradient(1px 1px at 64% 64%, white, transparent),
        radial-gradient(1px 1px at 87% 80%, white, transparent),
        radial-gradient(1px 1px at 30% 25%, white, transparent),
        radial-gradient(1px 1px at 55% 100%, white, transparent),
        radial-gradient(1px 1px at 98% 38%, white, transparent),
        radial-gradient(1px 1px at 43% 72%, white, transparent),
        radial-gradient(1px 1px at 16% 89%, white, transparent),
        radial-gradient(1px 1px at 71% 14%, white, transparent),
        radial-gradient(1px 1px at 39% 51%, white, transparent),
        radial-gradient(1px 1px at 91% 66%, white, transparent),
        radial-gradient(1px 1px at 27% 10%, white, transparent),
        radial-gradient(1px 1px at 53% 83%, white, transparent),
        radial-gradient(1px 1px at 84% 43%, white, transparent),
        radial-gradient(1px 1px at 18% 57%, white, transparent),
        radial-gradient(1px 1px at 76% 2%, white, transparent),
        radial-gradient(1px 1px at 46% 34%, white, transparent),
        radial-gradient(1px 1px at 1% 99%, white, transparent),
        radial-gradient(1px 1px at 65% 40%, white, transparent),
        radial-gradient(1px 1px at 88% 85%, white, transparent),
        radial-gradient(1px 1px at 34% 22%, white, transparent),
        radial-gradient(1px 1px at 62% 75%, white, transparent);
    background-size: 100% 100%;
    animation: twinkle-2 4s ease-in-out infinite;
    z-index: -4;
    pointer-events: none;
    opacity: 0.7;
}

/* Bright colored stars - randomized */
html::before {
    content: '';
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background-image: 
        radial-gradient(2px 2px at 14% 27%, rgba(255, 255, 255, 1), transparent),
        radial-gradient(2px 2px at 76% 82%, rgba(200, 220, 255, 1), transparent),
        radial-gradient(2px 2px at 42% 9%, rgba(255, 240, 200, 1), transparent),
        radial-gradient(2px 2px at 89% 56%, rgba(220, 200, 255, 1), transparent),
        radial-gradient(2px 2px at 21% 73%, rgba(200, 240, 255, 1), transparent),
        radial-gradient(2px 2px at 68% 38%, rgba(255, 255, 255, 1), transparent),
        radial-gradient(2px 2px at 7% 91%, rgba(200, 220, 255, 1), transparent),
        radial-gradient(2px 2px at 58% 15%, rgba(255, 240, 200, 1), transparent),
        radial-gradient(2px 2px at 95% 64%, rgba(220, 200, 255, 1), transparent),
        radial-gradient(2px 2px at 33% 49%, rgba(200, 240, 255, 1), transparent),
        radial-gradient(2px 2px at 81% 22%, rgba(255, 255, 255, 1), transparent),
        radial-gradient(2px 2px at 16% 61%, rgba(200, 220, 255, 1), transparent),
        radial-gradient(2px 2px at 52% 87%, rgba(255, 240, 200, 1), transparent),
        radial-gradient(2px 2px at 74% 4%, rgba(220, 200, 255, 1), transparent),
        radial-gradient(2px 2px at 39% 70%, rgba(200, 240, 255, 1), transparent),
        radial-gradient(2px 2px at 92% 45%, rgba(255, 255, 255, 1), transparent),
        radial-gradient(2px 2px at 11% 18%, rgba(200, 220, 255, 1), transparent),
        radial-gradient(2px 2px at 64% 93%, rgba(255, 240, 200, 1), transparent),
        radial-gradient(2px 2px at 27% 34%, rgba(220, 200, 255, 1), transparent),
        radial-gradient(2px 2px at 85% 76%, rgba(200, 240, 255, 1), transparent),
        radial-gradient(2px 2px at 49% 52%, rgba(255, 255, 255, 1), transparent),
        radial-gradient(2px 2px at 3% 88%, rgba(200, 220, 255, 1), transparent),
        radial-gradient(2px 2px at 71% 11%, rgba(255, 240, 200, 1), transparent),
        radial-gradient(2px 2px at 38% 67%, rgba(220, 200, 255, 1), transparent),
        radial-gradient(2px 2px at 96% 30%, rgba(200, 240, 255, 1), transparent),
        radial-gradient(2px 2px at 25% 95%, rgba(255, 255, 255, 1), transparent),
        radial-gradient(2px 2px at 60% 43%, rgba(200, 220, 255, 1), transparent),
        radial-gradient(2px 2px at 87% 6%, rgba(255, 240, 200, 1), transparent),
        radial-gradient(2px 2px at 19% 59%, rgba(220, 200, 255, 1), transparent),
        radial-gradient(2px 2px at 77% 84%, rgba(200, 240, 255, 1), transparent),
        radial-gradient(2px 2px at 44% 21%, rgba(255, 255, 255, 1), transparent),
        radial-gradient(2px 2px at 8% 46%, rgba(200, 220, 255, 1), transparent),
        radial-gradient(2px 2px at 66% 78%, rgba(255, 240, 200, 1), transparent),
        radial-gradient(2px 2px at 31% 13%, rgba(220, 200, 255, 1), transparent),
        radial-gradient(2px 2px at 94% 55%, rgba(200, 240, 255, 1), transparent),
        radial-gradient(2px 2px at 55% 97%, rgba(255, 255, 255, 1), transparent),
        radial-gradient(2px 2px at 12% 36%, rgba(200, 220, 255, 1), transparent),
        radial-gradient(2px 2px at 79% 69%, rgba(255, 240, 200, 1), transparent),
        radial-gradient(2px 2px at 47% 8%, rgba(220, 200, 255, 1), transparent),
        radial-gradient(2px 2px at 90% 81%, rgba(200, 240, 255, 1), transparent);
    background-size: 100% 100%;
    animation: twinkle-bright 3.5s ease-in-out infinite;
    z-index: -2;
    pointer-events: none;
    opacity: 0.9;
}

/* Shooting stars */
html::after {
    content: '';
    position: fixed;
    width: 100px;
    height: 2px;
    top: 20%;
    right: -100px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
    animation: shooting-star 8s ease-in-out infinite;
    z-index: -1;
    pointer-events: none;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
}

/* Animations */
@keyframes twinkle-1 {
    0%, 100% { opacity: 0.7; }
    50% { opacity: 1; }
}

@keyframes twinkle-2 {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 0.9; }
}

@keyframes twinkle-bright {
    0%, 100% { 
        opacity: 0.8;
        transform: scale(1);
    }
    50% { 
        opacity: 1;
        transform: scale(1.2);
    }
}

@keyframes shooting-star {
    0% {
        transform: translateX(0) translateY(0) rotate(-45deg);
        opacity: 0;
    }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% {
        transform: translateX(-1500px) translateY(1500px) rotate(-45deg);
        opacity: 0;
    }
}