/* ==========================================================================
   1. MASTER VARIABLES
   ========================================================================== */
:root {

    --main-color: #ff509e;

    /* Dark Theme Colors */
    --bg-dark: #0b0b0c;
    --card-bg: #1c2427;

    --text-main: #ffffff;
    --text-muted: #dadada;

    --success: #00ff5e;
    --danger: #ff6b6b;

    --brand-primary: var(--main-color);
    --brand-hover: color-mix(in srgb, var(--main-color) 80%, #000000);
    --card-bg2: color-mix(in srgb, var(--card-bg) 20%, transparent);
    --nav-footer-bg: transparent; /*color-mix(in srgb, var(--bg-dark) 90%, rgb(255, 255, 255))  */


    --border-color: rgba(255, 255, 255, 0.08);
    --border-hover: color-mix(in srgb, var(--main-color) 40%, transparent); 


    --radius-small: 8px;
    --radius-medium: 15px;
    --radius-pill: 30px;
    --transition-speed: 0.3s ease;
    --blur-a: blur(2px);
    --blur-b: blur(10px);
    --blur-c: blur(10px);
    --blur-d: blur(10px);
    --glow-btn: 0 0 10px 1px var(--brand-primary);
    --glow-card: 0 0 10px var(--brand-primary);

    --btn-peach: #ffc2b4;
    --btn-lime: #dfff85;
    --gradient-text-pink: linear-gradient(90deg, #ff509e, #ffb4a2);
    --gradient-text-light: linear-gradient(90deg, #ffffff, #fff0ca);
    --radius-card: 50px;
    --radius-btn: 50px;
    --border-subtle: 1px solid rgba(255, 255, 255, 0.05);
}

@font-face {
  font-family: 'Batman';
  src: url('./components/font.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* ==========================================================================
   2. GLOBAL RESET & BASE STYLES
   ========================================================================== */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--bg-dark);
    color: var(--text-main);
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    line-height: 1.6;
    overflow-x: hidden;
    /* No grid texture */
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

a {
    text-decoration: none;
    color: inherit;
    transition: color var(--transition-speed);
}

button {
    background: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
}

.text-center {
    text-align: center;
}

.highlight-yellow,
.icon-yellow {
    color: var(--brand-primary);
}

/* ==========================================================================
   3. BACKGROUND DUST PARTICLES
   ========================================================================== */
.bg-animations {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -2;
    pointer-events: none;
    overflow: hidden;
}

.particle {
    position: absolute;
    background: var(--brand-primary);
    border-radius: 50%;
    opacity: 0;
    box-shadow: 0 0 6px var(--brand-primary);
    animation: dustFloat linear infinite;
}

@keyframes dustFloat {
    0% {
        transform: translate(0, 0) scale(3);
        opacity: 0;
    }

    20% {
        opacity: 0.6;
    }

    80% {
        opacity: 0.6;
    }

    100% {
        transform: translate(var(--tx), var(--ty)) scale(1.2);
        opacity: 0;
    }
}

/* ==========================================================================
   4. UI COMPONENTS (Buttons, Search, WhatsApp)
   ========================================================================== */
.btn-primary,
.whatsapp-btn,
.cta-btn,
.submit-btn,
.see-all-btn,
.view-plans-btn {
    background: linear-gradient(135deg, var(--brand-primary), color-mix(in srgb, var(--brand-primary) 50%, var(--border-hover))) !important;
    color: var(--bg-dark);
    padding: 12px 25px;
    border-radius: var(--radius-pill);
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color var(--transition-speed), transform 0.2s;
    border-top: 2px solid color-mix(in srgb, var(--brand-primary) 100%, var(--text-main));
    font-size: 15px;

}

.view-plans-btn {
    border-radius: var(--radius-small);
    width: 100%;
}

.btn-primary:hover,
.whatsapp-btn:hover,
.cta-btn:hover,
.submit-btn:hover,
.see-all-btn:hover {
    background: var(--brand-hover);
    transform: translateY(-2px);


}

.btn-secondary {
    background: var(--card-bg2);
    backdrop-filter: var(--blur-b);
    -webkit-backdrop-filter: var(--blur-b);
    border-top: 2px solid var(--border-color);
    color: var(--text-main);
    padding: 12px 25px;
    border-radius: var(--radius-pill);
    font-weight: bold;
    transition: var(--transition-speed);
    display: inline-flex;
    align-items: center;
    gap: 8px;

}



.search-box {
    background: var(--card-bg);
    border-top: 2px solid var(--border-color);
    padding: 12px 20px;
    border-radius: var(--radius-pill);
    display: flex;
    align-items: center;
    gap: 10px;
    transition: var(--transition-speed);
}

.search-box:focus-within {
    border-color: var(--brand-primary);
}

.search-box input {
    background: transparent;
    border: none;
    color: var(--text-main);
    width: 100%;
    outline: none;
    font-size: 16px;
}

.floating-wa {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #25D366;
    color: white;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
    z-index: 1000;
    transition: var(--transition-speed);
}

.floating-wa:hover {
    transform: scale(1.1);
    box-shadow: 0 0 30px #00ff5e;
}

/* ==========================================================================
   5. LAYOUT (Navbar & Footer)
   ========================================================================== */
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: color-mix(in srgb, var(--bg-dark) 60%, transparent);

    backdrop-filter: var(--blur-c);
    -webkit-backdrop-filter: var(--blur-c);
    border-bottom: 1px solid var(--border-color);
    padding: 15px 0;
}

.nav-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
 background-image: linear-gradient(90deg, var(--brand-primary), color-mix(in srgb, var(--brand-primary) 80%, var(--bg-dark)));
  background-clip: text;
  -webkit-background-clip: text; /* Required for Safari/WebKit compatibility */
  color: transparent;
  
    font-size: 40px;

    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Batman', sans-serif;
}

.nav-links {
    display: flex;
    gap: 0px;
    background: rgba(255, 255, 255, 0.03);
    border-top: 2px solid rgba(255, 255, 255, 0.05);
    padding: 10px 10px;

    border-radius: var(--radius-pill);
    align-items: center;
}

.nav-links a {
    color: var(--text-muted);
    font-size: 14px;

    position: relative;
    font-weight: 500;

    border-top: 2px solid transparent;
    border-radius: var(--radius-pill);
    background: transparent;
    padding: 5px 15px;
}


.nav-links a.active {
    color: var(--text-main);
}

.nav-links a::after {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--brand-primary);
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%) scale(0);
    transition: transform var(--transition-speed);
}

.nav-links a:hover::after,
.nav-links a.active::after {
    transform: translateX(-50%) scale(1);
}

.nav-actions {
    display: flex;
    align-items: center;
    gap: 15px;
}

.search-btn {
    color: var(--text-main);
    font-size: 18px;
}

.search-btn2 {
    color: var(--text-main);

}

footer {
    padding: 60px 0 20px;
    background: var(--nav-footer-bg);
    backdrop-filter: var(--blur-a);
    border-top: 2px solid var(--border-color);
    border-radius: var(--radius-pill);
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 40px;
    margin-bottom: 40px;
}

.footer-brand p {
    color: var(--text-muted);
    font-size: 14px;
    margin: 15px 0;
}

.socials a {
    display: inline-flex;
    width: 35px;
    height: 35px;
    background: var(--card-bg);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    color: var(--brand-primary);
}

.socials a:hover {
    background: var(--border-color);
}

.footer-links h4,
.footer-contact h4 {
    margin-bottom: 20px;
    font-size: 16px;
    color: var(--text-main);
}

.footer-links a {
    display: block;
    color: var(--text-muted);
    font-size: 14px;
    margin-bottom: 10px;
}

.footer-links a:hover {
    color: var(--brand-primary);
}

.footer-contact p {
    color: var(--text-muted);
    font-size: 14px;
    margin-bottom: 10px;
    display: flex;
    gap: 10px;
}

.footer-contact i {
    color: var(--brand-primary);
    margin-top: 4px;
}

.footer-bottom {
    border-top: 1px solid var(--border-color);
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    color: var(--text-muted);
}

.legal-links {
    display: flex;
    gap: 20px;
}

.legal-links a:hover {
    color: var(--brand-primary);
}

.bottom-cta {
    padding: 100px 0;
    border-top: 1px solid var(--border-color);
    background: transparent;
}

.bottom-cta h2 {
    font-size: 32px;
    margin-bottom: 15px;
}

.bottom-cta p {
    color: var(--text-muted);
    margin-bottom: 30px;
}

.cta-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
}

/* ==========================================================================
   6. HERO & STATS SECTION (Clean Glassmorphism)
   ========================================================================== */
.hero {
    /* Welcome Tile */
    padding: 160px 0 60px;
    text-align: center;
    position: relative;
    background: color-mix(in srgb, var(--card-bg) 20%, transparent);
    backdrop-filter: var(--blur-a);
    -webkit-backdrop-filter: var(--blur-a);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);

}

.tags {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 25px;
}

.tag {
    background: var(--card-bg);
    border-top: 2px solid var(--border-color);
    padding: 5px 15px;
    border-radius: var(--radius-pill);
    font-size: 13px;
    color: var(--text-muted);
}


.hero h1 {
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.hero .subtitle {
    color: var(--text-muted);
    font-size: 18px;
    margin-bottom: 40px;
}

.hero .search-box {
    max-width: 500px;
    margin: 0 auto 30px;
}

.guarantee {
    font-size: 13px;
    color: var(--text-muted);
    margin-top: 15px;
}

.stats {
    position: relative;
    padding: 40px 0;
    z-index: 1;
}

.stats-container {
    display: flex;
    justify-content: center;
    gap: 60px;
}

.stat-box {
    display: flex;
    align-items: center;
    gap: 15px;
}

.stat-box i {
    color: var(--brand-primary);
    font-size: 30px;
}

.stat-text h2 {
    font-size: 24px;
    margin-bottom: -5px;
}

.stat-text p {
    font-size: 13px;
    color: var(--text-muted);
}

/* Infinite Ticker/Marquee */
.ticker {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);


    padding: 15px 0;
    overflow: hidden;
    background: color-mix(in srgb, var(--card-bg) 20%, transparent);
    backdrop-filter: var(--blur-a);
    -webkit-backdrop-filter: var(--blur-a);
}

.ticker-wrap {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.ticker-move {
    display: inline-block;
    animation: ticker 25s linear infinite;
}

.Mod-card-mini {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--card-bg);
    padding: 8px 15px;
    border-radius: var(--radius-medium);
    border-top: 2px solid var(--border-color);
    margin: 0 10px;
    font-size: 14px;
    font-weight: 600;
}

.badge {
    background: var(--brand-primary);
    color: var(--bg-dark);
    padding: 2px 6px;
    border-radius: 5px;
    font-size: 10px;
}

.status {
    color: var(--success);
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.dot {
    width: 6px;
    height: 6px;
    background: var(--success);
    border-radius: 50%;
}

@keyframes ticker {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* ==========================================================================
   7. GLASSMORPHISM PRODUCT CARDS
   ========================================================================== */
.section-header {
    text-align: center;
    margin-bottom: 50px;
}

.section-header h4 {
    color: var(--brand-primary);
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.section-header h2 {
    font-size: 36px;
    margin-bottom: 15px;
}

.section-header p {
    color: var(--text-muted);
    max-width: 600px;
    margin: 0 auto;
}

.popular-Mods-section {
    padding: 80px 0;
}

.Mods-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-bottom: 40px;
}

.Mod-card {
    background: transparent;
    border-top: 2px solid var(--border-color);

    border-radius: var(--radius-medium);
    overflow: hidden;
    position: relative;
    transition: var(--transition-speed);
    display: flex;
    flex-direction: column;
}

.Mod-card:hover {
    border-color: var(--border-hover);
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6);
}

.card-top {
    background: rgba(0, 0, 0, 0.95);
    height: 180px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    /* Removed padding so the image touches the edges perfectly */
    border-bottom: 1px solid var(--border-color);
    overflow: hidden;
    /* Ensures the top corners stay perfectly rounded */
}

.card-top img {
    width: 100%;
    height: 105%;
    object-fit: cover;
    /* Fills the entire area without distorting or stretching */
}

.verified-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: var(--brand-primary);
    color: #000;
    padding: 4px 10px;
    border-radius: var(--radius-small);
    font-size: 11px;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 4px;
}





.card-bottom {
    padding: 25px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    background: var(--card-bg2);
    backdrop-filter: var(--blur-b);
    -webkit-backdrop-filter: var(--blur-b);

}

.card-bottom h3 {
    font-size: 20px;
    margin-bottom: 8px;
    color: var(--text-main);
}

.rating-category {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.price-box {
    background: rgba(255, 255, 255, 0.007);
    border-top: 2px solid var(--border-color);
    border-radius: var(--radius-medium);
    padding: 15px;
    margin-bottom: 20px;
    backdrop-filter: var(--blur-c);
    position: relative;
    min-height: 150px;
}

.price-box p {
    font-size: 11px;
    color: var(--text-muted);
    margin-bottom: 5px;
}

.discount-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}

.old-price {
    text-decoration: line-through;
    color: var(--text-muted);
    font-size: 13px;
}

.save-badge {
    background: var(--success);
    color: #000000;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: bold;
}

.current-price {
    color: var(--brand-primary);
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 5px;
}

.current-price span {
    font-size: 14px;
    color: var(--text-muted);
    font-weight: normal;
}

.limited-offer {
    color: var(--text-main);
    font-size: 11px;
    font-weight: bold;
}

.features-list {
    list-style: none;
    font-size: 13px;
    color: var(--text-muted);
    margin-bottom: 25px;
    flex-grow: 1;
}

.features-list li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.features-list i {
    color: var(--brand-primary);
}

.see-all-container {
    text-align: center;
}

/* ==========================================================================
   8. SPECIFIC PAGE STYLES
   ========================================================================== */
/* Mods Page */
.page-header-section {
    padding: 140px 0 40px;
    background: rgba(8, 8, 8, 0.4);
    backdrop-filter: var(--blur-a);
    border-bottom: 1px solid var(--border-color);
}

.sub-heading {
    color: var(--brand-primary);
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.Mods-search {
    margin-bottom: 30px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.filter-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.filter-btn {
    background: var(--card-bg);
    border-top: 2px solid var(--border-color);
    color: var(--text-muted);
    padding: 8px 20px;
    border-radius: var(--radius-pill);
    font-size: 14px;
    font-weight: 500;
    transition: var(--transition-speed);
}

.filter-btn:hover {
    color: var(--text-main);
    border-color: var(--border-hover);

}

.filter-btn.active {
    background: var(--brand-primary);
    color: var(--bg-dark);
    border-color: var(--brand-primary);
}

.all-Mods-section {
    padding: 60px 0 100px;
}

.no-results {
    text-align: center;
    padding: 60px 0;
    color: var(--text-muted);
}

/* Bundles Page */
.bundles-hero {
    padding: 140px 0 40px;
    background: rgba(8, 8, 8, 0.4);
    backdrop-filter: var(--blur-a);
}

.badge-pill {
    background: color-mix(in srgb, var(--main-color) 90%, transparent);
    color: var(--bg-dark);
    border-top: 2px solid color-mix(in srgb, var(--main-color) 70%, transparent);
    padding: 6px 15px;
    border-radius: var(--radius-pill);
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 20px;
}

.pack-stats {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-top: 30px;
}

.pack-stats .stat-item h2 {
    font-size: 36px;
    margin-bottom: 0;
    line-height: 1;
}

.pack-stats .stat-item p {
    font-size: 13px;
    color: var(--text-muted);
    margin-top: 5px;
}

.bundles-controls-section {
    padding-bottom: 40px;
    padding-top: 50px;
    border-bottom: 1px solid var(--border-color);
}

.bundles-controls {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 800px;
    margin: 0 auto;
}

.type-filters {
    display: flex;
    gap: 10px;
}

.type-btn {
    background: transparent;
    border-top: 2px solid var(--border-color);
    color: var(--text-muted);
    padding: 8px 20px;
    border-radius: var(--radius-small);
    font-size: 14px;
    font-weight: 500;
    transition: var(--transition-speed);
    border-radius: var(--radius-medium);
}

.type-btn:hover {
    color: var(--text-main);
    background: rgba(255, 255, 255, 0.05);

}

.type-btn.active {
    background: color-mix(in srgb, var(--main-color) 90%, transparent);
    color: var(--bg-dark);
    border-color: var(--brand-primary);
}

.custom-dropdown {
    position: relative;
    width: 100%;
}

.dropdown-header {
    background: var(--card-bg);
    border-top: 2px solid var(--border-color);
    padding: 12px 20px;
    border-radius: var(--radius-pill);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
}

.dropdown-menu {
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;
    background: var(--card-bg);
    border-top: 2px solid var(--border-color);
    border-radius: var(--radius-small);
    display: none;
    flex-direction: column;
    z-index: 10;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
    overflow: hidden;
}

.dropdown-menu.show {
    display: flex;
}

.dropdown-item {
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    color: var(--text-muted);
    transition: 0.2s;
}

.dropdown-item:hover {
    background: color-mix(in srgb, var(--main-color) 90%, transparent);
    color: var(--brand-primary);
}

.dropdown-item .count {
    background: rgba(255, 255, 255, 0.1);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
}

.bundles-grid-section {
    padding: 50px 0 100px;
}

.bundles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.bundle-card {
    background: var(--card-bg2);
    backdrop-filter: var(--blur-b);
    border-top: 2px solid var(--border-color);
    border-radius: var(--radius-medium);
    overflow: hidden;
    position: relative;
    transition: var(--transition-speed);
    display: flex;
    flex-direction: column;
}

.bundle-card:hover {
    border-color: var(--border-hover);
    transform: translateY(-5px);
    box-shadow: var(--glow-card);
}

.free-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: var(--success);
    color: #000;
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: bold;
    z-index: 2;
}



.bundle-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.bundle-content h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.bundle-content p {
    color: var(--text-muted);
    font-size: 13px;
    margin-bottom: 20px;
    flex-grow: 1;
}

/* Testimonials, About, and Why Us global card overrides to match glassmorphism */
.card,
.review-card,
.content-box,
.contact-card,
.form-container,
.info-sidebar,
.feature-card {
    background: var(--card-bg2);
    backdrop-filter: var(--blur-b);
    -webkit-backdrop-filter: var(--blur-b);
    
}


line {
    padding: 10px 10px;
    display: block;
}



.mission p {
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 20px;
}

.im {
    color: #2e7d32;
    margin-right: 5px;
}



.mobile-nav {
    flex-direction: column;
    gap: 15px;
    align-items: center;
}

.hero {
    margin-top: 10px;

}


@media (min-width: 768px) {
    .mobile-nav {
        display: none;
    }


}

/* --- Comparison Section --- */
.comparison {
    padding: 80px 0;
}

.comp-title {
    text-align: center;
    font-size: 28px;
    margin-bottom: 40px;
}

.comp-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    max-width: 900px;
    margin: 0 auto;
}

.comp-col {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.comp-item {
    padding: 15px 20px;
    border-radius: 10px;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
    backdrop-filter: var(--blur-b);
}

.bad-col .comp-item {
    background: rgba(255, 50, 50, 0.05);
    border: 1px solid rgba(255, 50, 50, 0.2);
    color: #ff6b6b;
}

.good-col .comp-item {
    background: rgba(40, 167, 69, 0.05);
    border: 1px solid rgba(40, 167, 69, 0.2);
    color: #4ade80;
}

/* --- Why Choose Us --- */
.why-us {
    padding: 80px 0;

}

.why-us i {
    color: var(--brand-hover);
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.feature-box {
    backdrop-filter: var(--blur-b);
    border-top: 2px solid var(--border-color);
    padding: 40px 30px;
    border-radius: 15px;
    text-align: center;
    transition: 0.3s;
}

.feature-box:hover {
    border-color: color-mix(in srgb, var(--main-color) 60%, transparent);
    transform: translateY(-5px);

}

.icon-yellow {
    font-size: 40px;
    color: var(--brand-primary);
    margin-bottom: 20px;
}

.feature-box p {
    color: var(--text-muted);
    font-size: 14px;
    margin-top: 10px;
}

.founder-box {
    background-color: var(--card-bg);
    border-color: var(--brand-hover);
}


.contact-card {
    text-align: center;
}

.contact-card i {
    font-size: 32px;
    margin-bottom: 15px;
}

.contact-card h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.contact-card p {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.contact-card .note {
    font-size: 12px;
    color: var(--text-muted);
}

.contact-split {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 40px;
}

.form-container,
.info-sidebar {

    padding: 40px;
}

.form-container h2,
.info-sidebar h3 {
    font-size: 22px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 15px;
}

.input-group input:focus,
.input-group textarea:focus {
    border-color: var(--brand-primary);
}

.submit-btn {
    background: var(--brand-primary);
    color: var(--bg-dark);
    padding: 15px;
    border-radius: 8px;
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    gap: 10px;
    transition: 0.3s;
}

.submit-btn:hover {
    background: #e6b800;
}

.info-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 25px;
}

.info-item i {
    font-size: 20px;
    margin-top: 3px;
}

.info-item h4 {
    font-size: 15px;
    margin-bottom: 5px;
}

.info-item p {
    color: var(--text-muted);
    font-size: 13px;
}

.quick-response-box {
    background: color-mix(in srgb, var(--main-color) 10%, transparent);
    border-top: 2px solid color-mix(in srgb, var(--main-color) 30%, transparent);
    padding: 20px;
    border-radius: 10px;
    margin-top: 30px;
}

.quick-response-box h4 {
    margin-bottom: 10px;
    font-size: 15px;
}

.quick-response-box p {
    font-size: 13px;
    color: var(--brand-primary);
}



/* ==========================================================================
   UPGRADE: GLOBAL GLASSMORPHISM PANELS (Fixes About, Contact, Why Us)
   ========================================================================== */
.content-box,
.problem-box,
.solution-box,
.feature-card,
.contact-card,
.form-container,
.info-sidebar,
.review-card {
    background: var(--card-bg2);
    backdrop-filter: var(--blur-b);
    -webkit-backdrop-filter: var(--blur-b);
    border-top: 2px solid var(--border-color);
    border-radius: var(--radius-medium);
    padding: 35px;
    box-shadow: 0 8px 32px 0 color-mix(in srgb, var(--card-bg) 20%, transparent);
    transition: var(--transition-speed);
}

/* Specific Grid Fixes for Inner Pages */
.problem-solution-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 40px;
}

.features-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.contact-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-bottom: 40px;
}

.contact-split {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px;
}

.mission-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    font-weight: 500;
    margin-top: 15px;
}

/* Special Yellow Highlight Boxes */
.solution-box,
.content-box.yellow-bg {

    background: linear-gradient(135deg, var(--brand-primary), var(--border-hover)) !important;
    color: #000;
    border: none;
}

.solution-box * {
    color: #000 !important;
}

.solution-box,
.problem-box,
h2,
.content-box.yellow-bg h2 {

    padding-bottom: 15px;
}

/* Contact Form Upgrades */
.contact-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.input-group label {
    display: block;
    font-size: 13px;
    color: var(--text-muted);
    margin-bottom: 8px;
}

.input-group input,
.input-group textarea {
    width: 100%;
    background: color-mix(in srgb, var(--card-bg) 20%, transparent);
    border-top: 2px solid var(--border-color);
    border-radius: var(--radius-small);
    padding: 15px;
    color: var(--text-main);
    outline: none;
}


/* ==========================================================================
   UPGRADE: MULTIPLE REVIEWS GRID
   ========================================================================== */
.reviews-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.review-card {
    padding: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.quote-icon {
    font-size: 30px;
    color: color-mix(in srgb, var(--main-color) 80%, transparent);
    margin-bottom: 15px;
}

.stars {
    color: var(--brand-primary);
    margin-bottom: 15px;
    font-size: 14px;
}

.review-text {
    font-size: 15px;
    font-style: italic;
    margin-bottom: 25px;
    color: var(--text-main);
    flex-grow: 1;
}

.user-info {
    display: flex;
    align-items: center;
    gap: 12px;
    border-top: 1px solid var(--border-color);
    padding-top: 15px;
}

.avatar {
    width: 40px;
    height: 40px;
    background: var(--brand-primary);
    color: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

/* ==========================================================================
   UPGRADE: BUNDLES CONTROLS DOCK
   ========================================================================== */
.bundles-controls-wrapper {
    background: var(--card-bg2);
    backdrop-filter: var(--blur-b);
    -webkit-backdrop-filter: var(--blur-b);
    border-top: 2px solid var(--border-color);
    padding: 25px;
    border-radius: var(--radius-medium);
    max-width: 900px;
    margin: -40px auto 40px;
    /* Pulls it up slightly into the hero */
    box-shadow: 0 8px 32px 0 color-mix(in srgb, var(--card-bg) 20%, transparent);
    position: relative;
    z-index: 2;
}

.bundles-controls-wrapper .search-box {
    margin: 0 0 20px 0;
    background: color-mix(in srgb, var(--card-bg) 20%, transparent);
}

.bundles-controls-wrapper .type-filters {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}


.icon-circle i {
    color: var(--brand-primary);
    scale: 5;
    padding: 50px 0px;

}

/* ==========================================================================
   MOBILE RESPONSIVENESS (Font sizes & Paddings for Phones)
   ========================================================================== */
@media (max-width: 992px) {
.logo{font-size: 30px;}
     
    .Mods-grid,
    .bundles-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .nav-links a {
        font-size: 10px;
    }

    .problem-solution-grid,
    .contact-split {
        grid-template-columns: 1fr;
    }

    .features-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .contact-cards-grid,
    .reviews-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .hero {
        margin-top: 120px;
    }

    .icon-circle i {

        scale: 3;
        padding: 30px 0px;

    }

    .desktop-nav {
        display: none;
    }

    .tag {
        font-size: 8px;
    }

    .nav-logo {
        font-size: 18px;
    }

    .hero h1 {
        font-size: 32px;
    }

    .stats-container {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .Mods-grid,
    .bundles-grid,
    .footer-grid {
        grid-template-columns: 1fr;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

    .features-grid,
    .comp-grid {
        grid-template-columns: 1fr;
    }

    .btn-secondary,
    .cta-btn {
        font-size: 14px;
        padding: 5px 15px;
        gap: 4px;
    }

    .nav-links {
        gap: auto;
        padding: 1px 10px;
    }

    .ticker {
        border-top: 1px solid var(--border-color);
        border-bottom: 1px solid var(--border-color);
        padding: 15px 0;
        overflow: hidden;
        backdrop-filter: var(--blur-a);

    }

    .ticker-wrap {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
    }

    .hero h1,
    .page-hero h1 {
        font-size: 32px !important;
    }

    .section-header h2,
    .bottom-cta h2 {
        font-size: 26px !important;
    }

    h2 {
        font-size: 22px !important;
    }

    h3 {
        font-size: 18px !important;
    }

    p,
    li,
    .review-text {
        font-size: 14px !important;
    }

    .features-grid-4,
    .contact-cards-grid,
    .reviews-grid,
    .form-row,
    .mission-grid {
        grid-template-columns: 1fr;
    }

    .hero,
    .page-hero {
        padding: 60px 0 40px;
    }

    .content-box,
    .problem-box,
    .solution-box,
    .feature-card,
    .contact-card,
    .form-container,
    .info-sidebar,
    .review-card,
    .bundles-controls-wrapper {
        padding: 20px !important;
    }
}

.btn-primary:hover,
.btn-secondary:hover,
.cta-btn:hover,
.submit-btn:hover,
.see-all-btn:hover,
.filter-btn:hover,
.type-btn:hover,
.view-plans-btn:hover,
.whatsapp-btn:hover {
    box-shadow: var(--glow-btn);


}

.feature-box:hover,
.Mod-card:hover,
.bundle-card:hover {
    box-shadow: var(--glow-card);
}





.admin-badge {
    background: var(--brand-primary);
    color: var(--bg-dark);
    padding: 4px 10px;
    border-radius: var(--radius-small);
    font-size: 11px;
    font-weight: 800;
    align-items: center;
}







#introLines {
    position: fixed;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    opacity: 0.18;
}

.intro-line {
    position: absolute;
    width: 1px;
    background: var(--brand-primary);
    animation: lineAppear 1.5s ease-out forwards;
}

.intro-line.from-bottom {
    background: var(--brand-primary);
}

@keyframes lineAppear {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.intro-drop {
    position: absolute;
    width: 8px;
    height: 8px;
    background: var(--brand-primary);
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    filter: blur(0.5px);
}

.intro-drop::before {
    content: '';
    position: absolute;
    width: 2px;
    height: 12px;
    left: 50%;
    transform: translateX(-50%);
}

.intro-drop.drop-down::before {
    top: -12px;
    background: var(--brand-primary);
}

.intro-drop.drop-up::before {
    bottom: -12px;
    background: var(--brand-primary);
}

.intro-drop.drop-down {
    animation: dropMoveDown var(--duration) linear infinite;
    animation-delay: var(--delay);
}

.intro-drop.drop-up {
    animation: dropMoveUp var(--duration) linear infinite;
    animation-delay: var(--delay);
}

@keyframes dropMoveDown {
    from {
        top: -20px;
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 1;
    }

    to {
        top: 100%;
        opacity: 0;
    }
}

@keyframes dropMoveUp {
    from {
        bottom: -20px;
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 1;
    }

    to {
        bottom: 100%;
        opacity: 0;
    }
}

.intro-line-horizontal {
    position: absolute;
    height: 1px;
    background: var(--brand-primary);
    animation: lineAppear 1.5s ease-out forwards;
}

.intro-line-horizontal.from-right {
    background: var(--brand-primary);
}

.intro-drop-horizontal {
    position: absolute;
    width: 8px;
    height: 8px;
    background: var(--brand-primary);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    filter: blur(0.5px);
}

.intro-drop-horizontal::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 2px;
    top: 50%;
    transform: translateY(-50%);
}

.intro-drop-horizontal.drop-right::before {
    left: -12px;
    background: var(--brand-primary);
}

.intro-drop-horizontal.drop-left::before {
    right: -12px;
    background: var(--brand-primary);
}

.intro-drop-horizontal.drop-right {
    animation: dropMoveRight var(--duration) linear infinite;
    animation-delay: var(--delay);
}

.intro-drop-horizontal.drop-left {
    animation: dropMoveLeft var(--duration) linear infinite;
    animation-delay: var(--delay);
}

@keyframes dropMoveRight {
    from {
        left: -20px;
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 1;
    }

    to {
        left: 100%;
        opacity: 0;
    }
}

@keyframes dropMoveLeft {
    from {
        right: -20px;
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    95% {
        opacity: 1;
    }

    to {
        right: 100%;
        opacity: 0;
    }
}


.nav-links a:hover {
    border-top: 2px solid var(--border-color);
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--border-color) 90%, transparent);
    padding: 5px 15px;
}

.btn-secondary:hover {

    box-shadow: 0 4px 15px color-mix(in srgb, var(--brand-primary) 50%, transparent);
}

/* --- LOADER STYLES --- */
#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--bg-dark);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: opacity 0.8s ease, visibility 0.8s ease;
}

#loader.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.spinner {
    width: 60px;
    height: 60px;
    border: 4px solid rgba(255, 255, 255, 0.1);
    border-top: 4px solid var(--btn-peach);
    border-radius: 50%;
    animation: spin 1s cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite;
    margin-bottom: 20px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#loader-text {
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: 2px;
    color: #fff;
}



/* From Uiverse.io by amir_6539 */
    .containerstar {
        height: 100%;
        width: 100%;
        background: #0b0b13;
        overflow: hidden;
    }

        :root {
            --star-color: var(--main-color);
        }


    #stars {
        width: 1px;
        height: 1px;
        background: transparent;
        box-shadow:
            501px 811px var(--star-color),
            1450px 1324px var(--star-color),
            1093px 1780px var(--star-color),
            1469px 678px var(--star-color),
            904px 741px var(--star-color),
            1160px 781px var(--star-color),
            1841px 1962px var(--star-color),
            1630px 1667px var(--star-color),
            1788px 676px var(--star-color),
            367px 1734px var(--star-color),
            1343px 156px var(--star-color),
            1283px 1142px var(--star-color),
            1062px 378px var(--star-color),
            1395px 467px var(--star-color),
            1017px 1891px var(--star-color),
            137px 1114px var(--star-color),
            1767px 1403px var(--star-color),
            1543px 11px var(--star-color),
            1078px 181px var(--star-color),
            1189px 1574px var(--star-color),
            1697px 1551px var(--star-color),
            439px 472px var(--star-color),
            1491px 677px var(--star-color),
            1364px 599px var(--star-color),
            34px 382px var(--star-color),
            1221px 1584px var(--star-color),
            1266px 1499px var(--star-color),
            169px 1907px var(--star-color),
            1219px 1125px var(--star-color),
            659px 18px var(--star-color),
            1731px 1959px var(--star-color),
            332px 1216px var(--star-color),
            1913px 788px var(--star-color),
            80px 712px var(--star-color),
            326px 1605px var(--star-color),
            574px 1502px var(--star-color),
            473px 1653px var(--star-color),
            404px 975px var(--star-color),
            322px 1797px var(--star-color),
            425px 1321px var(--star-color),
            1121px 1797px var(--star-color),
            731px 647px var(--star-color),
            891px 1584px var(--star-color),
            1523px 109px var(--star-color),
            1379px 244px var(--star-color),
            865px 1064px var(--star-color),
            493px 956px var(--star-color),
            624px 1380px var(--star-color),
            440px 619px var(--star-color),
            1630px 767px var(--star-color),
            955px 1196px var(--star-color),
            62px 729px var(--star-color),
            126px 946px var(--star-color),
            1256px 896px var(--star-color),
            1444px 256px var(--star-color),
            661px 1628px var(--star-color),
            1078px 1716px var(--star-color),
            300px 737px var(--star-color),
            1734px 413px var(--star-color),
            1296px 129px var(--star-color),
            1771px 1678px var(--star-color),
            977px 1764px var(--star-color),
            1879px 549px var(--star-color),
            665px 1531px var(--star-color),
            89px 701px var(--star-color),
            1084px 1183px var(--star-color),
            1597px 1576px var(--star-color),
            1354px 1774px var(--star-color),
            554px 1471px var(--star-color),
            1469px 287px var(--star-color),
            887px 106px var(--star-color),
            1962px 766px var(--star-color),
            638px 805px var(--star-color),
            1651px 741px var(--star-color),
            1517px 1826px var(--star-color),
            24px 1152px var(--star-color),
            507px 558px var(--star-color),
            1262px 652px var(--star-color),
            246px 1048px var(--star-color),
            1077px 421px var(--star-color),
            1866px 1847px var(--star-color),
            1986px 1561px var(--star-color),
            704px 632px var(--star-color),
            1991px 1875px var(--star-color),
            1227px 395px var(--star-color),
            45px 1116px var(--star-color),
            247px 786px var(--star-color),
            890px 607px var(--star-color),
            787px 1235px var(--star-color),
            557px 524px var(--star-color),
            1582px 1285px var(--star-color),
            1725px 1366px var(--star-color),
            952px 747px var(--star-color),
            251px 458px var(--star-color),
            1500px 1250px var(--star-color),
            1999px 1734px var(--star-color),
            1336px 1955px var(--star-color),
            1705px 1464px var(--star-color),
            728px 697px var(--star-color),
            594px 510px var(--star-color),
            1345px 1990px var(--star-color),
            1919px 1803px var(--star-color),
            1117px 966px var(--star-color),
            1629px 97px var(--star-color),
            1046px 1196px var(--star-color),
            810px 1092px var(--star-color),
            722px 976px var(--star-color),
            406px 18px var(--star-color),
            1665px 1860px var(--star-color),
            1758px 1628px var(--star-color),
            1183px 463px var(--star-color),
            564px 239px var(--star-color),
            13px 1767px var(--star-color),
            1482px 1472px var(--star-color),
            1700px 347px var(--star-color),
            1362px 244px var(--star-color),
            1141px 1708px var(--star-color),
            22px 885px var(--star-color),
            374px 1309px var(--star-color),
            1034px 1037px var(--star-color),
            1725px 1086px var(--star-color),
            1343px 1921px var(--star-color),
            596px 903px var(--star-color),
            1061px 478px var(--star-color),
            18px 1409px var(--star-color),
            729px 1364px var(--star-color),
            264px 911px var(--star-color),
            677px 1442px var(--star-color),
            123px 33px var(--star-color),
            1303px 646px var(--star-color),
            1945px 792px var(--star-color),
            1305px 938px var(--star-color),
            918px 1536px var(--star-color),
            620px 948px var(--star-color),
            183px 646px var(--star-color),
            695px 687px var(--star-color),
            881px 272px var(--star-color),
            1521px 1212px var(--star-color),
            1423px 1022px var(--star-color),
            1545px 1271px var(--star-color),
            1393px 348px var(--star-color),
            685px 1910px var(--star-color),
            1446px 856px var(--star-color),
            73px 1201px var(--star-color),
            736px 999px var(--star-color),
            673px 796px var(--star-color),
            469px 850px var(--star-color),
            1912px 142px var(--star-color),
            1278px 664px var(--star-color),
            184px 1990px var(--star-color),
            1173px 1312px var(--star-color),
            782px 1879px var(--star-color),
            323px 1035px var(--star-color),
            611px 908px var(--star-color),
            565px 1449px var(--star-color),
            748px 1713px var(--star-color),
            1047px 490px var(--star-color),
            1040px 1872px var(--star-color),
            1818px 1659px var(--star-color),
            1806px 1327px var(--star-color),
            386px 575px var(--star-color),
            1550px 463px var(--star-color),
            148px 687px var(--star-color),
            651px 1683px var(--star-color),
            1588px 1194px var(--star-color),
            1831px 2px var(--star-color),
            581px 876px var(--star-color),
            1396px 1743px var(--star-color),
            1212px 1810px var(--star-color),
            421px 1920px var(--star-color),
            658px 1461px var(--star-color),
            1859px 1809px var(--star-color),
            1456px 388px var(--star-color),
            186px 1627px var(--star-color),
            1528px 1145px var(--star-color),
            171px 97px var(--star-color),
            674px 1072px var(--star-color),
            676px 1052px var(--star-color),
            1165px 1131px var(--star-color),
            1088px 781px var(--star-color),
            1231px 948px var(--star-color),
            330px 257px var(--star-color),
            426px 1046px var(--star-color),
            549px 652px var(--star-color),
            1338px 74px var(--star-color),
            1749px 364px var(--star-color),
            931px 369px var(--star-color),
            383px 1428px var(--star-color),
            1558px 389px var(--star-color),
            927px 133px var(--star-color),
            234px 1888px var(--star-color),
            1785px 1617px var(--star-color),
            556px 643px var(--star-color),
            401px 275px var(--star-color),
            406px 1644px var(--star-color),
            1253px 1852px var(--star-color),
            1599px 883px var(--star-color),
            744px 1721px var(--star-color),
            524px 1297px var(--star-color),
            1226px 1177px var(--star-color),
            1679px 55px var(--star-color),
            874px 1811px var(--star-color),
            838px 790px var(--star-color),
            1241px 430px var(--star-color),
            1676px 652px var(--star-color),
            1191px 568px var(--star-color),
            53px 1990px var(--star-color),
            1163px 237px var(--star-color),
            61px 223px var(--star-color),
            592px 456px var(--star-color),
            1844px 271px var(--star-color),
            1324px 1488px var(--star-color),
            1373px 717px var(--star-color),
            1822px 709px var(--star-color),
            1464px 941px var(--star-color),
            1445px 1118px var(--star-color),
            991px 1414px var(--star-color),
            1964px 1076px var(--star-color),
            108px 172px var(--star-color),
            641px 1722px var(--star-color),
            1539px 427px var(--star-color),
            1697px 45px var(--star-color),
            1301px 1353px var(--star-color),
            1060px 329px var(--star-color),
            967px 1396px var(--star-color),
            493px 301px var(--star-color),
            1228px 1406px var(--star-color),
            1211px 1653px var(--star-color),
            444px 1822px var(--star-color),
            1746px 353px var(--star-color),
            1449px 381px var(--star-color),
            671px 887px var(--star-color),
            650px 138px var(--star-color),
            30px 1839px var(--star-color),
            1094px 1405px var(--star-color),
            273px 796px var(--star-color),
            1618px 1964px var(--star-color),
            1045px 1849px var(--star-color),
            1472px 1155px var(--star-color),
            1529px 1312px var(--star-color),
            728px 448px var(--star-color),
            44px 1908px var(--star-color),
            691px 818px var(--star-color),
            254px 293px var(--star-color),
            1981px 1133px var(--star-color),
            1307px 375px var(--star-color),
            196px 316px var(--star-color),
            1241px 1975px var(--star-color),
            1138px 1706px var(--star-color),
            1769px 463px var(--star-color),
            1768px 1428px var(--star-color),
            1730px 590px var(--star-color),
            1780px 523px var(--star-color),
            1862px 1526px var(--star-color),
            1613px 909px var(--star-color),
            1266px 1781px var(--star-color),
            470px 352px var(--star-color),
            699px 1682px var(--star-color),
            1002px 614px var(--star-color),
            1209px 133px var(--star-color),
            1842px 518px var(--star-color),
            1422px 1836px var(--star-color),
            1720px 1901px var(--star-color),
            470px 1788px var(--star-color),
            1355px 1387px var(--star-color),
            146px 1162px var(--star-color),
            933px 80px var(--star-color),
            681px 1063px var(--star-color),
            313px 1341px var(--star-color),
            740px 1498px var(--star-color),
            168px 1014px var(--star-color),
            345px 1355px var(--star-color),
            1498px 1562px var(--star-color),
            1626px 1358px var(--star-color),
            890px 403px var(--star-color),
            663px 562px var(--star-color),
            1481px 168px var(--star-color),
            22px 719px var(--star-color),
            774px 1041px var(--star-color),
            1899px 829px var(--star-color),
            430px 158px var(--star-color),
            430px 361px var(--star-color),
            1592px 1334px var(--star-color),
            224px 323px var(--star-color),
            1639px 1131px var(--star-color),
            7px 271px var(--star-color),
            1646px 1514px var(--star-color),
            1605px 1444px var(--star-color),
            1820px 1665px var(--star-color),
            1549px 1641px var(--star-color),
            1609px 1377px var(--star-color),
            486px 1098px var(--star-color),
            229px 613px var(--star-color),
            542px 1694px var(--star-color),
            318px 256px var(--star-color),
            1861px 918px var(--star-color),
            889px 892px var(--star-color),
            442px 1524px var(--star-color),
            19px 422px var(--star-color),
            1935px 1908px var(--star-color),
            828px 109px var(--star-color),
            862px 1248px var(--star-color),
            1275px 560px var(--star-color),
            906px 63px var(--star-color),
            337px 1605px var(--star-color),
            1691px 918px var(--star-color),
            1414px 679px var(--star-color),
            1726px 749px var(--star-color),
            1540px 1149px var(--star-color),
            1337px 1466px var(--star-color),
            446px 430px var(--star-color),
            676px 1616px var(--star-color),
            840px 326px var(--star-color),
            976px 977px var(--star-color),
            1840px 642px var(--star-color),
            1273px 804px var(--star-color),
            1071px 928px var(--star-color),
            1292px 1675px var(--star-color),
            29px 1148px var(--star-color),
            1585px 135px var(--star-color),
            1007px 563px var(--star-color),
            1035px 78px var(--star-color),
            1174px 574px var(--star-color),
            120px 1304px var(--star-color),
            845px 1292px var(--star-color),
            861px 540px var(--star-color),
            234px 232px var(--star-color),
            1940px 1367px var(--star-color),
            759px 639px var(--star-color),
            1775px 1381px var(--star-color),
            906px 372px var(--star-color),
            1104px 1165px var(--star-color),
            1524px 911px var(--star-color),
            1882px 330px var(--star-color),
            1389px 700px var(--star-color),
            300px 1629px var(--star-color),
            220px 1614px var(--star-color),
            563px 140px var(--star-color),
            1611px 1586px var(--star-color),
            793px 1316px var(--star-color),
            325px 1070px var(--star-color),
            1722px 1462px var(--star-color),
            1406px 1120px var(--star-color),
            1169px 1768px var(--star-color),
            1956px 1053px var(--star-color),
            959px 1587px var(--star-color),
            585px 1566px var(--star-color),
            370px 204px var(--star-color),
            1606px 1416px var(--star-color),
            443px 1606px var(--star-color),
            1499px 1102px var(--star-color),
            1943px 105px var(--star-color),
            1121px 1594px var(--star-color),
            1512px 32px var(--star-color),
            871px 1425px var(--star-color),
            433px 100px var(--star-color),
            294px 1471px var(--star-color),
            1688px 1755px var(--star-color),
            1666px 591px var(--star-color),
            1034px 300px var(--star-color),
            734px 1178px var(--star-color),
            1342px 313px var(--star-color),
            1616px 1590px var(--star-color),
            1763px 1472px var(--star-color),
            632px 1935px var(--star-color),
            1708px 872px var(--star-color),
            1871px 915px var(--star-color),
            1829px 1020px var(--star-color),
            1599px 578px var(--star-color),
            42px 585px var(--star-color),
            1163px 1382px var(--star-color),
            1744px 1272px var(--star-color),
            984px 1426px var(--star-color),
            1786px 1584px var(--star-color),
            1813px 379px var(--star-color),
            1867px 1127px var(--star-color),
            97px 567px var(--star-color),
            626px 988px var(--star-color),
            1178px 79px var(--star-color),
            1703px 211px var(--star-color),
            961px 1785px var(--star-color),
            110px 975px var(--star-color),
            953px 1941px var(--star-color),
            1027px 1790px var(--star-color),
            1665px 107px var(--star-color),
            11px 964px var(--star-color),
            1718px 1147px var(--star-color),
            21px 1728px var(--star-color),
            1358px 1922px var(--star-color),
            872px 65px var(--star-color),
            1191px 1635px var(--star-color),
            762px 681px var(--star-color),
            1519px 1033px var(--star-color),
            906px 566px var(--star-color),
            1074px 657px var(--star-color),
            1093px 415px var(--star-color),
            51px 198px var(--star-color),
            1075px 1418px var(--star-color),
            1547px 1070px var(--star-color),
            225px 920px var(--star-color),
            850px 1974px var(--star-color),
            981px 595px var(--star-color),
            1425px 131px var(--star-color),
            460px 917px var(--star-color),
            56px 495px var(--star-color),
            714px 428px var(--star-color),
            920px 493px var(--star-color),
            470px 1521px var(--star-color),
            532px 821px var(--star-color),
            1905px 71px var(--star-color),
            883px 1501px var(--star-color),
            294px 196px var(--star-color),
            381px 1999px var(--star-color),
            332px 793px var(--star-color),
            1246px 408px var(--star-color),
            233px 149px var(--star-color),
            315px 231px var(--star-color),
            1594px 1302px var(--star-color),
            696px 1585px var(--star-color),
            791px 136px var(--star-color),
            479px 199px var(--star-color),
            1627px 1413px var(--star-color),
            1824px 924px var(--star-color),
            1631px 342px var(--star-color),
            1251px 1151px var(--star-color),
            284px 1781px var(--star-color),
            497px 1052px var(--star-color),
            204px 1161px var(--star-color),
            646px 1499px var(--star-color),
            1762px 558px var(--star-color),
            854px 1833px var(--star-color),
            883px 945px var(--star-color),
            44px 982px var(--star-color),
            1101px 834px var(--star-color),
            515px 1748px var(--star-color),
            1578px 1435px var(--star-color),
            819px 1258px var(--star-color),
            776px 670px var(--star-color),
            115px 385px var(--star-color),
            1478px 434px var(--star-color),
            885px 20px var(--star-color),
            192px 1513px var(--star-color),
            78px 1129px var(--star-color),
            1774px 1105px var(--star-color),
            955px 1149px var(--star-color),
            1817px 1929px var(--star-color),
            1106px 1832px var(--star-color),
            1107px 1997px var(--star-color),
            94px 23px var(--star-color),
            243px 982px var(--star-color),
            43px 1972px var(--star-color),
            1798px 673px var(--star-color),
            1131px 1589px var(--star-color),
            841px 14px var(--star-color),
            826px 345px var(--star-color),
            687px 56px var(--star-color),
            1084px 32px var(--star-color),
            1887px 1878px var(--star-color),
            153px 526px var(--star-color),
            1828px 253px var(--star-color),
            1947px 1105px var(--star-color),
            886px 700px var(--star-color),
            1307px 1723px var(--star-color),
            1274px 651px var(--star-color),
            1530px 837px var(--star-color),
            1699px 1637px var(--star-color),
            1703px 1331px var(--star-color),
            1929px 1557px var(--star-color),
            1763px 737px var(--star-color),
            1118px 1680px var(--star-color),
            1545px 692px var(--star-color),
            1462px 1092px var(--star-color),
            208px 1667px var(--star-color),
            1393px 859px var(--star-color),
            186px 1794px var(--star-color),
            351px 1199px var(--star-color),
            642px 1995px var(--star-color),
            1061px 1726px var(--star-color),
            1708px 115px var(--star-color),
            1233px 1305px var(--star-color),
            637px 1786px var(--star-color),
            1730px 603px var(--star-color),
            75px 1240px var(--star-color),
            1704px 1326px var(--star-color),
            584px 346px var(--star-color),
            438px 1554px var(--star-color),
            561px 513px var(--star-color),
            1382px 225px var(--star-color),
            467px 1674px var(--star-color),
            1403px 815px var(--star-color),
            1546px 1835px var(--star-color),
            127px 1119px var(--star-color),
            276px 591px var(--star-color),
            688px 1458px var(--star-color),
            765px 646px var(--star-color),
            474px 984px var(--star-color),
            171px 361px var(--star-color),
            94px 1480px var(--star-color),
            1962px 1666px var(--star-color),
            909px 1037px var(--star-color),
            1725px 222px var(--star-color),
            253px 1355px var(--star-color),
            1892px 1901px var(--star-color),
            275px 1847px var(--star-color),
            28px 1184px var(--star-color),
            1725px 1382px var(--star-color),
            882px 647px var(--star-color),
            1935px 1046px var(--star-color),
            10px 344px var(--star-color),
            292px 1328px var(--star-color),
            127px 1352px var(--star-color),
            752px 929px var(--star-color),
            1589px 384px var(--star-color),
            284px 1829px var(--star-color),
            381px 820px var(--star-color),
            1229px 1125px var(--star-color),
            777px 429px var(--star-color),
            1811px 1499px var(--star-color),
            1573px 287px var(--star-color),
            295px 756px var(--star-color),
            389px 616px var(--star-color),
            781px 41px var(--star-color),
            1092px 333px var(--star-color),
            794px 1588px var(--star-color),
            386px 1847px var(--star-color),
            1802px 710px var(--star-color),
            662px 60px var(--star-color),
            640px 264px var(--star-color),
            463px 746px var(--star-color),
            1859px 799px var(--star-color),
            763px 37px var(--star-color),
            639px 396px var(--star-color),
            357px 1071px var(--star-color),
            1190px 1430px var(--star-color),
            1814px 257px var(--star-color),
            1382px 235px var(--star-color),
            606px 1304px var(--star-color),
            1939px 1470px var(--star-color),
            1124px 349px var(--star-color),
            307px 1567px var(--star-color),
            310px 1323px var(--star-color),
            1145px 922px var(--star-color),
            1196px 1922px var(--star-color),
            1647px 544px var(--star-color),
            788px 1337px var(--star-color),
            257px 632px var(--star-color),
            1413px 414px var(--star-color),
            590px 620px var(--star-color),
            582px 794px var(--star-color),
            1702px 1481px var(--star-color),
            1055px 53px var(--star-color),
            157px 346px var(--star-color),
            50px 1901px var(--star-color),
            1038px 1369px var(--star-color),
            796px 1941px var(--star-color),
            215px 194px var(--star-color),
            1567px 1538px var(--star-color),
            367px 800px var(--star-color),
            1044px 489px var(--star-color),
            1109px 1712px var(--star-color),
            524px 327px var(--star-color),
            525px 1252px var(--star-color),
            1475px 1240px var(--star-color),
            529px 436px var(--star-color),
            795px 834px var(--star-color),
            122px 1371px var(--star-color),
            79px 482px var(--star-color),
            520px 1249px var(--star-color),
            336px 1878px var(--star-color),
            188px 944px var(--star-color),
            325px 1259px var(--star-color),
            1491px 1942px var(--star-color),
            620px 1054px var(--star-color),
            1606px 1153px var(--star-color),
            1448px 502px var(--star-color),
            53px 1381px var(--star-color),
            107px 1670px var(--star-color),
            1380px 618px var(--star-color),
            967px 1557px var(--star-color),
            1116px 1722px var(--star-color),
            1174px 1044px var(--star-color),
            1805px 717px var(--star-color),
            663px 394px var(--star-color),
            1848px 1007px var(--star-color),
            389px 802px var(--star-color),
            49px 392px var(--star-color),
            1650px 852px var(--star-color),
            1678px 1012px var(--star-color),
            335px 1009px var(--star-color),
            1818px 1631px var(--star-color),
            1568px 742px var(--star-color),
            1162px 1991px var(--star-color),
            52px 1190px var(--star-color),
            1401px 928px var(--star-color),
            119px 1549px var(--star-color),
            537px 1529px var(--star-color),
            2px 1709px var(--star-color),
            122px 387px var(--star-color),
            543px 2px var(--star-color),
            27px 1971px var(--star-color),
            507px 1377px var(--star-color),
            1362px 1080px var(--star-color),
            1031px 1544px var(--star-color),
            1631px 1174px var(--star-color),
            1603px 312px var(--star-color),
            1626px 1422px var(--star-color),
            1430px 615px var(--star-color),
            1958px 1431px var(--star-color),
            1946px 1412px var(--star-color),
            1848px 247px var(--star-color),
            984px 1808px var(--star-color),
            1396px 225px var(--star-color),
            319px 717px var(--star-color),
            1252px 875px var(--star-color),
            1619px 156px var(--star-color),
            951px 1971px var(--star-color),
            386px 355px var(--star-color),
            1406px 1151px var(--star-color),
            273px 1538px var(--star-color),
            844px 1570px var(--star-color),
            947px 151px var(--star-color),
            1363px 525px var(--star-color),
            209px 307px var(--star-color),
            1923px 1718px var(--star-color),
            993px 1741px var(--star-color),
            1513px 353px var(--star-color),
            1353px 61px var(--star-color),
            664px 352px var(--star-color),
            1382px 359px var(--star-color),
            1487px 1707px var(--star-color),
            657px 1045px var(--star-color),
            1107px 490px var(--star-color),
            1834px 1176px var(--star-color),
            837px 1438px var(--star-color),
            1947px 448px var(--star-color),
            1196px 333px var(--star-color),
            151px 555px var(--star-color),
            18px 992px var(--star-color),
            458px 748px var(--star-color),
            1801px 890px var(--star-color),
            1093px 1012px var(--star-color),
            315px 1101px var(--star-color),
            194px 323px var(--star-color),
            754px 292px var(--star-color),
            1737px 7px var(--star-color),
            40px 840px var(--star-color),
            1170px 805px var(--star-color),
            176px 1753px var(--star-color),
            805px 1148px var(--star-color),
            1578px 1271px var(--star-color),
            367px 1494px var(--star-color),
            363px 1111px var(--star-color),
            1955px 243px var(--star-color),
            1451px 1093px var(--star-color),
            375px 617px var(--star-color),
            1223px 720px var(--star-color),
            1178px 13px var(--star-color),
            1456px 865px var(--star-color),
            1440px 49px var(--star-color),
            186px 1569px var(--star-color),
            320px 1853px var(--star-color),
            300px 539px var(--star-color),
            1559px 509px var(--star-color),
            1985px 1108px var(--star-color),
            1588px 828px var(--star-color),
            525px 1432px var(--star-color),
            831px 363px var(--star-color),
            141px 281px var(--star-color),
            1319px 402px var(--star-color),
            40px 456px var(--star-color),
            1955px 478px var(--star-color),
            1758px 818px var(--star-color),
            1924px 688px var(--star-color),
            1030px 953px var(--star-color),
            1982px 210px var(--star-color),
            917px 1401px var(--star-color),
            1051px 1837px var(--star-color),
            1045px 463px var(--star-color),
            1744px 573px var(--star-color),
            529px 1530px var(--star-color),
            542px 469px var(--star-color),
            1982px 324px var(--star-color),
            1902px 1422px var(--star-color),
            1968px 782px var(--star-color),
            1666px 1561px var(--star-color),
            955px 304px var(--star-color),
            323px 778px var(--star-color),
            272px 443px var(--star-color),
            485px 581px var(--star-color),
            1353px 1058px var(--star-color),
            1257px 131px var(--star-color),
            434px 98px var(--star-color),
            1587px 1953px var(--star-color),
            1749px 68px var(--star-color),
            1984px 839px var(--star-color),
            1518px 183px var(--star-color),
            1071px 855px var(--star-color),
            1662px 1994px var(--star-color),
            1111px 106px var(--star-color),
            1954px 838px var(--star-color);
        animation: animStar 50s linear infinite;
    }

    #stars:after {
        content: " ";
        position: absolute;
        top: 2000px;
        width: 1px;
        height: 1px;
        background: transparent;
        box-shadow:
            501px 811px var(--star-color),
            1450px 1324px var(--star-color),
            1093px 1780px var(--star-color),
            1469px 678px var(--star-color),
            904px 741px var(--star-color),
            1160px 781px var(--star-color),
            1841px 1962px var(--star-color),
            1630px 1667px var(--star-color),
            1788px 676px var(--star-color),
            367px 1734px var(--star-color),
            1343px 156px var(--star-color),
            1283px 1142px var(--star-color),
            1062px 378px var(--star-color),
            1395px 467px var(--star-color),
            1017px 1891px var(--star-color),
            137px 1114px var(--star-color),
            1767px 1403px var(--star-color),
            1543px 11px var(--star-color),
            1078px 181px var(--star-color),
            1189px 1574px var(--star-color),
            1697px 1551px var(--star-color),
            439px 472px var(--star-color),
            1491px 677px var(--star-color),
            1364px 599px var(--star-color),
            34px 382px var(--star-color),
            1221px 1584px var(--star-color),
            1266px 1499px var(--star-color),
            169px 1907px var(--star-color),
            1219px 1125px var(--star-color),
            659px 18px var(--star-color),
            1731px 1959px var(--star-color),
            332px 1216px var(--star-color),
            1913px 788px var(--star-color),
            80px 712px var(--star-color),
            326px 1605px var(--star-color),
            574px 1502px var(--star-color),
            473px 1653px var(--star-color),
            404px 975px var(--star-color),
            322px 1797px var(--star-color),
            425px 1321px var(--star-color),
            1121px 1797px var(--star-color),
            731px 647px var(--star-color),
            891px 1584px var(--star-color),
            1523px 109px var(--star-color),
            1379px 244px var(--star-color),
            865px 1064px var(--star-color),
            493px 956px var(--star-color),
            624px 1380px var(--star-color),
            440px 619px var(--star-color),
            1630px 767px var(--star-color),
            955px 1196px var(--star-color),
            62px 729px var(--star-color),
            126px 946px var(--star-color),
            1256px 896px var(--star-color),
            1444px 256px var(--star-color),
            661px 1628px var(--star-color),
            1078px 1716px var(--star-color),
            300px 737px var(--star-color),
            1734px 413px var(--star-color),
            1296px 129px var(--star-color),
            1771px 1678px var(--star-color),
            977px 1764px var(--star-color),
            1879px 549px var(--star-color),
            665px 1531px var(--star-color),
            89px 701px var(--star-color),
            1084px 1183px var(--star-color),
            1597px 1576px var(--star-color),
            1354px 1774px var(--star-color),
            554px 1471px var(--star-color),
            1469px 287px var(--star-color),
            887px 106px var(--star-color),
            1962px 766px var(--star-color),
            638px 805px var(--star-color),
            1651px 741px var(--star-color),
            1517px 1826px var(--star-color),
            24px 1152px var(--star-color),
            507px 558px var(--star-color),
            1262px 652px var(--star-color),
            246px 1048px var(--star-color),
            1077px 421px var(--star-color),
            1866px 1847px var(--star-color),
            1986px 1561px var(--star-color),
            704px 632px var(--star-color),
            1991px 1875px var(--star-color),
            1227px 395px var(--star-color),
            45px 1116px var(--star-color),
            247px 786px var(--star-color),
            890px 607px var(--star-color),
            787px 1235px var(--star-color),
            557px 524px var(--star-color),
            1582px 1285px var(--star-color),
            1725px 1366px var(--star-color),
            952px 747px var(--star-color),
            251px 458px var(--star-color),
            1500px 1250px var(--star-color),
            1999px 1734px var(--star-color),
            1336px 1955px var(--star-color),
            1705px 1464px var(--star-color),
            728px 697px var(--star-color),
            594px 510px var(--star-color),
            1345px 1990px var(--star-color),
            1919px 1803px var(--star-color),
            1117px 966px var(--star-color),
            1629px 97px var(--star-color),
            1046px 1196px var(--star-color),
            810px 1092px var(--star-color),
            722px 976px var(--star-color),
            406px 18px var(--star-color),
            1665px 1860px var(--star-color),
            1758px 1628px var(--star-color),
            1183px 463px var(--star-color),
            564px 239px var(--star-color),
            13px 1767px var(--star-color),
            1482px 1472px var(--star-color),
            1700px 347px var(--star-color),
            1362px 244px var(--star-color),
            1141px 1708px var(--star-color),
            22px 885px var(--star-color),
            374px 1309px var(--star-color),
            1034px 1037px var(--star-color),
            1725px 1086px var(--star-color),
            1343px 1921px var(--star-color),
            596px 903px var(--star-color),
            1061px 478px var(--star-color),
            18px 1409px var(--star-color),
            729px 1364px var(--star-color),
            264px 911px var(--star-color),
            677px 1442px var(--star-color),
            123px 33px var(--star-color),
            1303px 646px var(--star-color),
            1945px 792px var(--star-color),
            1305px 938px var(--star-color),
            918px 1536px var(--star-color),
            620px 948px var(--star-color),
            183px 646px var(--star-color),
            695px 687px var(--star-color),
            881px 272px var(--star-color),
            1521px 1212px var(--star-color),
            1423px 1022px var(--star-color),
            1545px 1271px var(--star-color),
            1393px 348px var(--star-color),
            685px 1910px var(--star-color),
            1446px 856px var(--star-color),
            73px 1201px var(--star-color),
            736px 999px var(--star-color),
            673px 796px var(--star-color),
            469px 850px var(--star-color),
            1912px 142px var(--star-color),
            1278px 664px var(--star-color),
            184px 1990px var(--star-color),
            1173px 1312px var(--star-color),
            782px 1879px var(--star-color),
            323px 1035px var(--star-color),
            611px 908px var(--star-color),
            565px 1449px var(--star-color),
            748px 1713px var(--star-color),
            1047px 490px var(--star-color),
            1040px 1872px var(--star-color),
            1818px 1659px var(--star-color),
            1806px 1327px var(--star-color),
            386px 575px var(--star-color),
            1550px 463px var(--star-color),
            148px 687px var(--star-color),
            651px 1683px var(--star-color),
            1588px 1194px var(--star-color),
            1831px 2px var(--star-color),
            581px 876px var(--star-color),
            1396px 1743px var(--star-color),
            1212px 1810px var(--star-color),
            421px 1920px var(--star-color),
            658px 1461px var(--star-color),
            1859px 1809px var(--star-color),
            1456px 388px var(--star-color),
            186px 1627px var(--star-color),
            1528px 1145px var(--star-color),
            171px 97px var(--star-color),
            674px 1072px var(--star-color),
            676px 1052px var(--star-color),
            1165px 1131px var(--star-color),
            1088px 781px var(--star-color),
            1231px 948px var(--star-color),
            330px 257px var(--star-color),
            426px 1046px var(--star-color),
            549px 652px var(--star-color),
            1338px 74px var(--star-color),
            1749px 364px var(--star-color),
            931px 369px var(--star-color),
            383px 1428px var(--star-color),
            1558px 389px var(--star-color),
            927px 133px var(--star-color),
            234px 1888px var(--star-color),
            1785px 1617px var(--star-color),
            556px 643px var(--star-color),
            401px 275px var(--star-color),
            406px 1644px var(--star-color),
            1253px 1852px var(--star-color),
            1599px 883px var(--star-color),
            744px 1721px var(--star-color),
            524px 1297px var(--star-color),
            1226px 1177px var(--star-color),
            1679px 55px var(--star-color),
            874px 1811px var(--star-color),
            838px 790px var(--star-color),
            1241px 430px var(--star-color),
            1676px 652px var(--star-color),
            1191px 568px var(--star-color),
            53px 1990px var(--star-color),
            1163px 237px var(--star-color),
            61px 223px var(--star-color),
            592px 456px var(--star-color),
            1844px 271px var(--star-color),
            1324px 1488px var(--star-color),
            1373px 717px var(--star-color),
            1822px 709px var(--star-color),
            1464px 941px var(--star-color),
            1445px 1118px var(--star-color),
            991px 1414px var(--star-color),
            1964px 1076px var(--star-color),
            108px 172px var(--star-color),
            641px 1722px var(--star-color),
            1539px 427px var(--star-color),
            1697px 45px var(--star-color),
            1301px 1353px var(--star-color),
            1060px 329px var(--star-color),
            967px 1396px var(--star-color),
            493px 301px var(--star-color),
            1228px 1406px var(--star-color),
            1211px 1653px var(--star-color),
            444px 1822px var(--star-color),
            1746px 353px var(--star-color),
            1449px 381px var(--star-color),
            671px 887px var(--star-color),
            650px 138px var(--star-color),
            30px 1839px var(--star-color),
            1094px 1405px var(--star-color),
            273px 796px var(--star-color),
            1618px 1964px var(--star-color),
            1045px 1849px var(--star-color),
            1472px 1155px var(--star-color),
            1529px 1312px var(--star-color),
            728px 448px var(--star-color),
            44px 1908px var(--star-color),
            691px 818px var(--star-color),
            254px 293px var(--star-color),
            1981px 1133px var(--star-color),
            1307px 375px var(--star-color),
            196px 316px var(--star-color),
            1241px 1975px var(--star-color),
            1138px 1706px var(--star-color),
            1769px 463px var(--star-color),
            1768px 1428px var(--star-color),
            1730px 590px var(--star-color),
            1780px 523px var(--star-color),
            1862px 1526px var(--star-color),
            1613px 909px var(--star-color),
            1266px 1781px var(--star-color),
            470px 352px var(--star-color),
            699px 1682px var(--star-color),
            1002px 614px var(--star-color),
            1209px 133px var(--star-color),
            1842px 518px var(--star-color),
            1422px 1836px var(--star-color),
            1720px 1901px var(--star-color),
            470px 1788px var(--star-color),
            1355px 1387px var(--star-color),
            146px 1162px var(--star-color),
            933px 80px var(--star-color),
            681px 1063px var(--star-color),
            313px 1341px var(--star-color),
            740px 1498px var(--star-color),
            168px 1014px var(--star-color),
            345px 1355px var(--star-color),
            1498px 1562px var(--star-color),
            1626px 1358px var(--star-color),
            890px 403px var(--star-color),
            663px 562px var(--star-color),
            1481px 168px var(--star-color),
            22px 719px var(--star-color),
            774px 1041px var(--star-color),
            1899px 829px var(--star-color),
            430px 158px var(--star-color),
            430px 361px var(--star-color),
            1592px 1334px var(--star-color),
            224px 323px var(--star-color),
            1639px 1131px var(--star-color),
            7px 271px var(--star-color),
            1646px 1514px var(--star-color),
            1605px 1444px var(--star-color),
            1820px 1665px var(--star-color),
            1549px 1641px var(--star-color),
            1609px 1377px var(--star-color),
            486px 1098px var(--star-color),
            229px 613px var(--star-color),
            542px 1694px var(--star-color),
            318px 256px var(--star-color),
            1861px 918px var(--star-color),
            889px 892px var(--star-color),
            442px 1524px var(--star-color),
            19px 422px var(--star-color),
            1935px 1908px var(--star-color),
            828px 109px var(--star-color),
            862px 1248px var(--star-color),
            1275px 560px var(--star-color),
            906px 63px var(--star-color),
            337px 1605px var(--star-color),
            1691px 918px var(--star-color),
            1414px 679px var(--star-color),
            1726px 749px var(--star-color),
            1540px 1149px var(--star-color),
            1337px 1466px var(--star-color),
            446px 430px var(--star-color),
            676px 1616px var(--star-color),
            840px 326px var(--star-color),
            976px 977px var(--star-color),
            1840px 642px var(--star-color),
            1273px 804px var(--star-color),
            1071px 928px var(--star-color),
            1292px 1675px var(--star-color),
            29px 1148px var(--star-color),
            1585px 135px var(--star-color),
            1007px 563px var(--star-color),
            1035px 78px var(--star-color),
            1174px 574px var(--star-color),
            120px 1304px var(--star-color),
            845px 1292px var(--star-color),
            861px 540px var(--star-color),
            234px 232px var(--star-color),
            1940px 1367px var(--star-color),
            759px 639px var(--star-color),
            1775px 1381px var(--star-color),
            906px 372px var(--star-color),
            1104px 1165px var(--star-color),
            1524px 911px var(--star-color),
            1882px 330px var(--star-color),
            1389px 700px var(--star-color),
            300px 1629px var(--star-color),
            220px 1614px var(--star-color),
            563px 140px var(--star-color),
            1611px 1586px var(--star-color),
            793px 1316px var(--star-color),
            325px 1070px var(--star-color),
            1722px 1462px var(--star-color),
            1406px 1120px var(--star-color),
            1169px 1768px var(--star-color),
            1956px 1053px var(--star-color),
            959px 1587px var(--star-color),
            585px 1566px var(--star-color),
            370px 204px var(--star-color),
            1606px 1416px var(--star-color),
            443px 1606px var(--star-color),
            1499px 1102px var(--star-color),
            1943px 105px var(--star-color),
            1121px 1594px var(--star-color),
            1512px 32px var(--star-color),
            871px 1425px var(--star-color),
            433px 100px var(--star-color),
            294px 1471px var(--star-color),
            1688px 1755px var(--star-color),
            1666px 591px var(--star-color),
            1034px 300px var(--star-color),
            734px 1178px var(--star-color),
            1342px 313px var(--star-color),
            1616px 1590px var(--star-color),
            1763px 1472px var(--star-color),
            632px 1935px var(--star-color),
            1708px 872px var(--star-color),
            1871px 915px var(--star-color),
            1829px 1020px var(--star-color),
            1599px 578px var(--star-color),
            42px 585px var(--star-color),
            1163px 1382px var(--star-color),
            1744px 1272px var(--star-color),
            984px 1426px var(--star-color),
            1786px 1584px var(--star-color),
            1813px 379px var(--star-color),
            1867px 1127px var(--star-color),
            97px 567px var(--star-color),
            626px 988px var(--star-color),
            1178px 79px var(--star-color),
            1703px 211px var(--star-color),
            961px 1785px var(--star-color),
            110px 975px var(--star-color),
            953px 1941px var(--star-color),
            1027px 1790px var(--star-color),
            1665px 107px var(--star-color),
            11px 964px var(--star-color),
            1718px 1147px var(--star-color),
            21px 1728px var(--star-color),
            1358px 1922px var(--star-color),
            872px 65px var(--star-color),
            1191px 1635px var(--star-color),
            762px 681px var(--star-color),
            1519px 1033px var(--star-color),
            906px 566px var(--star-color),
            1074px 657px var(--star-color),
            1093px 415px var(--star-color),
            51px 198px var(--star-color),
            1075px 1418px var(--star-color),
            1547px 1070px var(--star-color),
            225px 920px var(--star-color),
            850px 1974px var(--star-color),
            981px 595px var(--star-color),
            1425px 131px var(--star-color),
            460px 917px var(--star-color),
            56px 495px var(--star-color),
            714px 428px var(--star-color),
            920px 493px var(--star-color),
            470px 1521px var(--star-color),
            532px 821px var(--star-color),
            1905px 71px var(--star-color),
            883px 1501px var(--star-color),
            294px 196px var(--star-color),
            381px 1999px var(--star-color),
            332px 793px var(--star-color),
            1246px 408px var(--star-color),
            233px 149px var(--star-color),
            315px 231px var(--star-color),
            1594px 1302px var(--star-color),
            696px 1585px var(--star-color),
            791px 136px var(--star-color),
            479px 199px var(--star-color),
            1627px 1413px var(--star-color),
            1824px 924px var(--star-color),
            1631px 342px var(--star-color),
            1251px 1151px var(--star-color),
            284px 1781px var(--star-color),
            497px 1052px var(--star-color),
            204px 1161px var(--star-color),
            646px 1499px var(--star-color),
            1762px 558px var(--star-color),
            854px 1833px var(--star-color),
            883px 945px var(--star-color),
            44px 982px var(--star-color),
            1101px 834px var(--star-color),
            515px 1748px var(--star-color),
            1578px 1435px var(--star-color),
            819px 1258px var(--star-color),
            776px 670px var(--star-color),
            115px 385px var(--star-color),
            1478px 434px var(--star-color),
            885px 20px var(--star-color),
            192px 1513px var(--star-color),
            78px 1129px var(--star-color),
            1774px 1105px var(--star-color),
            955px 1149px var(--star-color),
            1817px 1929px var(--star-color),
            1106px 1832px var(--star-color),
            1107px 1997px var(--star-color),
            94px 23px var(--star-color),
            243px 982px var(--star-color),
            43px 1972px var(--star-color),
            1798px 673px var(--star-color),
            1131px 1589px var(--star-color),
            841px 14px var(--star-color),
            826px 345px var(--star-color),
            687px 56px var(--star-color),
            1084px 32px var(--star-color),
            1887px 1878px var(--star-color),
            153px 526px var(--star-color),
            1828px 253px var(--star-color),
            1947px 1105px var(--star-color),
            886px 700px var(--star-color),
            1307px 1723px var(--star-color),
            1274px 651px var(--star-color),
            1530px 837px var(--star-color),
            1699px 1637px var(--star-color),
            1703px 1331px var(--star-color),
            1929px 1557px var(--star-color),
            1763px 737px var(--star-color),
            1118px 1680px var(--star-color),
            1545px 692px var(--star-color),
            1462px 1092px var(--star-color),
            208px 1667px var(--star-color),
            1393px 859px var(--star-color),
            186px 1794px var(--star-color),
            351px 1199px var(--star-color),
            642px 1995px var(--star-color),
            1061px 1726px var(--star-color),
            1708px 115px var(--star-color),
            1233px 1305px var(--star-color),
            637px 1786px var(--star-color),
            1730px 603px var(--star-color),
            75px 1240px var(--star-color),
            1704px 1326px var(--star-color),
            584px 346px var(--star-color),
            438px 1554px var(--star-color),
            561px 513px var(--star-color),
            1382px 225px var(--star-color),
            467px 1674px var(--star-color),
            1403px 815px var(--star-color),
            1546px 1835px var(--star-color),
            127px 1119px var(--star-color),
            276px 591px var(--star-color),
            688px 1458px var(--star-color),
            765px 646px var(--star-color),
            474px 984px var(--star-color),
            171px 361px var(--star-color),
            94px 1480px var(--star-color),
            1962px 1666px var(--star-color),
            909px 1037px var(--star-color),
            1725px 222px var(--star-color),
            253px 1355px var(--star-color),
            1892px 1901px var(--star-color),
            275px 1847px var(--star-color),
            28px 1184px var(--star-color),
            1725px 1382px var(--star-color),
            882px 647px var(--star-color),
            1935px 1046px var(--star-color),
            10px 344px var(--star-color),
            292px 1328px var(--star-color),
            127px 1352px var(--star-color),
            752px 929px var(--star-color),
            1589px 384px var(--star-color),
            284px 1829px var(--star-color),
            381px 820px var(--star-color),
            1229px 1125px var(--star-color),
            777px 429px var(--star-color),
            1811px 1499px var(--star-color),
            1573px 287px var(--star-color),
            295px 756px var(--star-color),
            389px 616px var(--star-color),
            781px 41px var(--star-color),
            1092px 333px var(--star-color),
            794px 1588px var(--star-color),
            386px 1847px var(--star-color),
            1802px 710px var(--star-color),
            662px 60px var(--star-color),
            640px 264px var(--star-color),
            463px 746px var(--star-color),
            1859px 799px var(--star-color),
            763px 37px var(--star-color),
            639px 396px var(--star-color),
            357px 1071px var(--star-color),
            1190px 1430px var(--star-color),
            1814px 257px var(--star-color),
            1382px 235px var(--star-color),
            606px 1304px var(--star-color),
            1939px 1470px var(--star-color),
            1124px 349px var(--star-color),
            307px 1567px var(--star-color),
            310px 1323px var(--star-color),
            1145px 922px var(--star-color),
            1196px 1922px var(--star-color),
            1647px 544px var(--star-color),
            788px 1337px var(--star-color),
            257px 632px var(--star-color),
            1413px 414px var(--star-color),
            590px 620px var(--star-color),
            582px 794px var(--star-color),
            1702px 1481px var(--star-color),
            1055px 53px var(--star-color),
            157px 346px var(--star-color),
            50px 1901px var(--star-color),
            1038px 1369px var(--star-color),
            796px 1941px var(--star-color),
            215px 194px var(--star-color),
            1567px 1538px var(--star-color),
            367px 800px var(--star-color),
            1044px 489px var(--star-color),
            1109px 1712px var(--star-color),
            524px 327px var(--star-color),
            525px 1252px var(--star-color),
            1475px 1240px var(--star-color),
            529px 436px var(--star-color),
            795px 834px var(--star-color),
            122px 1371px var(--star-color),
            79px 482px var(--star-color),
            520px 1249px var(--star-color),
            336px 1878px var(--star-color),
            188px 944px var(--star-color),
            325px 1259px var(--star-color),
            1491px 1942px var(--star-color),
            620px 1054px var(--star-color),
            1606px 1153px var(--star-color),
            1448px 502px var(--star-color),
            53px 1381px var(--star-color),
            107px 1670px var(--star-color),
            1380px 618px var(--star-color),
            967px 1557px var(--star-color),
            1116px 1722px var(--star-color),
            1174px 1044px var(--star-color),
            1805px 717px var(--star-color),
            663px 394px var(--star-color),
            1848px 1007px var(--star-color),
            389px 802px var(--star-color),
            49px 392px var(--star-color),
            1650px 852px var(--star-color),
            1678px 1012px var(--star-color),
            335px 1009px var(--star-color),
            1818px 1631px var(--star-color),
            1568px 742px var(--star-color),
            1162px 1991px var(--star-color),
            52px 1190px var(--star-color),
            1401px 928px var(--star-color),
            119px 1549px var(--star-color),
            537px 1529px var(--star-color),
            2px 1709px var(--star-color),
            122px 387px var(--star-color),
            543px 2px var(--star-color),
            27px 1971px var(--star-color),
            507px 1377px var(--star-color),
            1362px 1080px var(--star-color),
            1031px 1544px var(--star-color),
            1631px 1174px var(--star-color),
            1603px 312px var(--star-color),
            1626px 1422px var(--star-color),
            1430px 615px var(--star-color),
            1958px 1431px var(--star-color),
            1946px 1412px var(--star-color),
            1848px 247px var(--star-color),
            984px 1808px var(--star-color),
            1396px 225px var(--star-color),
            319px 717px var(--star-color),
            1252px 875px var(--star-color),
            1619px 156px var(--star-color),
            951px 1971px var(--star-color),
            386px 355px var(--star-color),
            1406px 1151px var(--star-color),
            273px 1538px var(--star-color),
            844px 1570px var(--star-color),
            947px 151px var(--star-color),
            1363px 525px var(--star-color),
            209px 307px var(--star-color),
            1923px 1718px var(--star-color),
            993px 1741px var(--star-color),
            1513px 353px var(--star-color),
            1353px 61px var(--star-color),
            664px 352px var(--star-color),
            1382px 359px var(--star-color),
            1487px 1707px var(--star-color),
            657px 1045px var(--star-color),
            1107px 490px var(--star-color),
            1834px 1176px var(--star-color),
            837px 1438px var(--star-color),
            1947px 448px var(--star-color),
            1196px 333px var(--star-color),
            151px 555px var(--star-color),
            18px 992px var(--star-color),
            458px 748px var(--star-color),
            1801px 890px var(--star-color),
            1093px 1012px var(--star-color),
            315px 1101px var(--star-color),
            194px 323px var(--star-color),
            754px 292px var(--star-color),
            1737px 7px var(--star-color),
            40px 840px var(--star-color),
            1170px 805px var(--star-color),
            176px 1753px var(--star-color),
            805px 1148px var(--star-color),
            1578px 1271px var(--star-color),
            367px 1494px var(--star-color),
            363px 1111px var(--star-color),
            1955px 243px var(--star-color),
            1451px 1093px var(--star-color),
            375px 617px var(--star-color),
            1223px 720px var(--star-color),
            1178px 13px var(--star-color),
            1456px 865px var(--star-color),
            1440px 49px var(--star-color),
            186px 1569px var(--star-color),
            320px 1853px var(--star-color),
            300px 539px var(--star-color),
            1559px 509px var(--star-color),
            1985px 1108px var(--star-color),
            1588px 828px var(--star-color),
            525px 1432px var(--star-color),
            831px 363px var(--star-color),
            141px 281px var(--star-color),
            1319px 402px var(--star-color),
            40px 456px var(--star-color),
            1955px 478px var(--star-color),
            1758px 818px var(--star-color),
            1924px 688px var(--star-color),
            1030px 953px var(--star-color),
            1982px 210px var(--star-color),
            917px 1401px var(--star-color),
            1051px 1837px var(--star-color),
            1045px 463px var(--star-color),
            1744px 573px var(--star-color),
            529px 1530px var(--star-color),
            542px 469px var(--star-color),
            1982px 324px var(--star-color),
            1902px 1422px var(--star-color),
            1968px 782px var(--star-color),
            1666px 1561px var(--star-color),
            955px 304px var(--star-color),
            323px 778px var(--star-color),
            272px 443px var(--star-color),
            485px 581px var(--star-color),
            1353px 1058px var(--star-color),
            1257px 131px var(--star-color),
            434px 98px var(--star-color),
            1587px 1953px var(--star-color),
            1749px 68px var(--star-color),
            1984px 839px var(--star-color),
            1518px 183px var(--star-color),
            1071px 855px var(--star-color),
            1662px 1994px var(--star-color),
            1111px 106px var(--star-color),
            1954px 838px var(--star-color);
    }

    #stars2 {
        width: 2px;
        height: 2px;
        background: transparent;
        box-shadow:
            1925px 1320px var(--star-color),
            693px 1778px var(--star-color),
            1016px 711px var(--star-color),
            1171px 563px var(--star-color),
            661px 1919px var(--star-color),
            1610px 44px var(--star-color),
            1275px 140px var(--star-color),
            1208px 1802px var(--star-color),
            1473px 1587px var(--star-color),
            11px 1117px var(--star-color),
            853px 1757px var(--star-color),
            1149px 937px var(--star-color),
            1353px 428px var(--star-color),
            270px 279px var(--star-color),
            258px 1404px var(--star-color),
            417px 1188px var(--star-color),
            286px 561px var(--star-color),
            393px 1765px var(--star-color),
            147px 881px var(--star-color),
            666px 1097px var(--star-color),
            1425px 1278px var(--star-color),
            806px 156px var(--star-color),
            1252px 561px var(--star-color),
            218px 52px var(--star-color),
            1371px 1980px var(--star-color),
            171px 745px var(--star-color),
            1424px 89px var(--star-color),
            137px 244px var(--star-color),
            939px 1922px var(--star-color),
            137px 1080px var(--star-color),
            1757px 50px var(--star-color),
            904px 536px var(--star-color),
            1938px 1001px var(--star-color),
            1172px 440px var(--star-color),
            72px 1475px var(--star-color),
            102px 121px var(--star-color),
            804px 1671px var(--star-color),
            1314px 270px var(--star-color),
            440px 1341px var(--star-color),
            1216px 511px var(--star-color),
            1061px 1523px var(--star-color),
            97px 274px var(--star-color),
            704px 1318px var(--star-color),
            52px 1872px var(--star-color),
            1962px 296px var(--star-color),
            111px 289px var(--star-color),
            1157px 1236px var(--star-color),
            1347px 1451px var(--star-color),
            820px 286px var(--star-color),
            1389px 1169px var(--star-color),
            644px 841px var(--star-color),
            1286px 522px var(--star-color),
            955px 659px var(--star-color),
            428px 1805px var(--star-color),
            237px 557px var(--star-color),
            1689px 1058px var(--star-color),
            636px 1882px var(--star-color),
            1349px 1664px var(--star-color),
            1548px 432px var(--star-color),
            1841px 504px var(--star-color),
            302px 252px var(--star-color),
            827px 1765px var(--star-color),
            620px 123px var(--star-color),
            207px 748px var(--star-color),
            1454px 1234px var(--star-color),
            1967px 1790px var(--star-color),
            542px 33px var(--star-color),
            742px 1214px var(--star-color),
            255px 1402px var(--star-color),
            74px 1772px var(--star-color),
            699px 475px var(--star-color),
            980px 1253px var(--star-color),
            534px 1676px var(--star-color),
            909px 202px var(--star-color),
            1498px 1251px var(--star-color),
            1796px 120px var(--star-color),
            1409px 1263px var(--star-color),
            1627px 995px var(--star-color),
            969px 710px var(--star-color),
            1674px 676px var(--star-color),
            1832px 759px var(--star-color),
            1623px 563px var(--star-color),
            251px 1790px var(--star-color),
            96px 1688px var(--star-color),
            886px 239px var(--star-color),
            778px 150px var(--star-color),
            1767px 430px var(--star-color),
            765px 1259px var(--star-color),
            1189px 877px var(--star-color),
            444px 1629px var(--star-color),
            1560px 324px var(--star-color),
            1952px 1097px var(--star-color),
            712px 1173px var(--star-color),
            541px 911px var(--star-color),
            827px 1420px var(--star-color),
            1233px 285px var(--star-color),
            784px 546px var(--star-color),
            645px 285px var(--star-color),
            1273px 1255px var(--star-color),
            1821px 174px var(--star-color),
            221px 1795px var(--star-color),
            1004px 456px var(--star-color),
            1298px 941px var(--star-color),
            274px 387px var(--star-color),
            174px 376px var(--star-color),
            1491px 258px var(--star-color),
            1489px 1946px var(--star-color),
            1134px 1382px var(--star-color),
            1289px 1145px var(--star-color),
            464px 358px var(--star-color),
            1249px 1842px var(--star-color),
            1665px 831px var(--star-color),
            1982px 84px var(--star-color),
            541px 774px var(--star-color),
            1994px 523px var(--star-color),
            762px 1644px var(--star-color),
            1730px 867px var(--star-color),
            1951px 1287px var(--star-color),
            911px 1691px var(--star-color),
            1454px 725px var(--star-color),
            1287px 1940px var(--star-color),
            70px 564px var(--star-color),
            1980px 638px var(--star-color),
            1674px 1774px var(--star-color),
            1720px 116px var(--star-color),
            1747px 182px var(--star-color),
            1040px 450px var(--star-color),
            1795px 375px var(--star-color),
            857px 1471px var(--star-color),
            1326px 1730px var(--star-color),
            915px 274px var(--star-color),
            1224px 358px var(--star-color),
            1808px 60px var(--star-color),
            43px 1870px var(--star-color),
            1810px 1536px var(--star-color),
            1564px 1719px var(--star-color),
            731px 1388px var(--star-color),
            1953px 1967px var(--star-color),
            1744px 1119px var(--star-color),
            794px 1384px var(--star-color),
            959px 714px var(--star-color),
            18px 1932px var(--star-color),
            1358px 1437px var(--star-color),
            355px 939px var(--star-color),
            1355px 1648px var(--star-color),
            608px 719px var(--star-color),
            383px 758px var(--star-color),
            1164px 1681px var(--star-color),
            1045px 253px var(--star-color),
            424px 1279px var(--star-color),
            1899px 359px var(--star-color),
            379px 488px var(--star-color),
            214px 465px var(--star-color),
            179px 905px var(--star-color),
            830px 1993px var(--star-color),
            448px 1077px var(--star-color),
            1880px 1354px var(--star-color),
            1973px 347px var(--star-color),
            745px 1025px var(--star-color),
            788px 1007px var(--star-color),
            1377px 883px var(--star-color),
            6px 290px var(--star-color),
            1312px 407px var(--star-color),
            1398px 622px var(--star-color),
            1405px 339px var(--star-color),
            1198px 1709px var(--star-color),
            988px 1226px var(--star-color),
            87px 1459px var(--star-color),
            1113px 1698px var(--star-color),
            997px 732px var(--star-color),
            708px 331px var(--star-color),
            1876px 1112px var(--star-color),
            1729px 1797px var(--star-color),
            719px 703px var(--star-color),
            1295px 522px var(--star-color),
            758px 1061px var(--star-color),
            1309px 1014px var(--star-color),
            1327px 1365px var(--star-color),
            854px 1317px var(--star-color),
            531px 1001px var(--star-color),
            1751px 1040px var(--star-color),
            1354px 190px var(--star-color),
            800px 1538px var(--star-color),
            88px 1455px var(--star-color),
            668px 39px var(--star-color),
            1379px 41px var(--star-color),
            892px 524px var(--star-color),
            54px 649px var(--star-color),
            1289px 730px var(--star-color),
            727px 488px var(--star-color),
            181px 842px var(--star-color),
            1230px 64px var(--star-color),
            3px 857px var(--star-color),
            292px 1201px var(--star-color),
            1343px 673px var(--star-color),
            1096px 1412px var(--star-color),
            1520px 292px var(--star-color),
            104px 1683px var(--star-color),
            934px 1387px var(--star-color),
            314px 739px var(--star-color);
        animation: animStar 100s linear infinite;
    }

    #stars2:after {
        content: " ";
        position: absolute;
        top: 2000px;
        width: 2px;
        height: 2px;
        background: transparent;
        box-shadow:
            1925px 1320px var(--star-color),
            693px 1778px var(--star-color),
            1016px 711px var(--star-color),
            1171px 563px var(--star-color),
            661px 1919px var(--star-color),
            1610px 44px var(--star-color),
            1275px 140px var(--star-color),
            1208px 1802px var(--star-color),
            1473px 1587px var(--star-color),
            11px 1117px var(--star-color),
            853px 1757px var(--star-color),
            1149px 937px var(--star-color),
            1353px 428px var(--star-color),
            270px 279px var(--star-color),
            258px 1404px var(--star-color),
            417px 1188px var(--star-color),
            286px 561px var(--star-color),
            393px 1765px var(--star-color),
            147px 881px var(--star-color),
            666px 1097px var(--star-color),
            1425px 1278px var(--star-color),
            806px 156px var(--star-color),
            1252px 561px var(--star-color),
            218px 52px var(--star-color),
            1371px 1980px var(--star-color),
            171px 745px var(--star-color),
            1424px 89px var(--star-color),
            137px 244px var(--star-color),
            939px 1922px var(--star-color),
            137px 1080px var(--star-color),
            1757px 50px var(--star-color),
            904px 536px var(--star-color),
            1938px 1001px var(--star-color),
            1172px 440px var(--star-color),
            72px 1475px var(--star-color),
            102px 121px var(--star-color),
            804px 1671px var(--star-color),
            1314px 270px var(--star-color),
            440px 1341px var(--star-color),
            1216px 511px var(--star-color),
            1061px 1523px var(--star-color),
            97px 274px var(--star-color),
            704px 1318px var(--star-color),
            52px 1872px var(--star-color),
            1962px 296px var(--star-color),
            111px 289px var(--star-color),
            1157px 1236px var(--star-color),
            1347px 1451px var(--star-color),
            820px 286px var(--star-color),
            1389px 1169px var(--star-color),
            644px 841px var(--star-color),
            1286px 522px var(--star-color),
            955px 659px var(--star-color),
            428px 1805px var(--star-color),
            237px 557px var(--star-color),
            1689px 1058px var(--star-color),
            636px 1882px var(--star-color),
            1349px 1664px var(--star-color),
            1548px 432px var(--star-color),
            1841px 504px var(--star-color),
            302px 252px var(--star-color),
            827px 1765px var(--star-color),
            620px 123px var(--star-color),
            207px 748px var(--star-color),
            1454px 1234px var(--star-color),
            1967px 1790px var(--star-color),
            542px 33px var(--star-color),
            742px 1214px var(--star-color),
            255px 1402px var(--star-color),
            74px 1772px var(--star-color),
            699px 475px var(--star-color),
            980px 1253px var(--star-color),
            534px 1676px var(--star-color),
            909px 202px var(--star-color),
            1498px 1251px var(--star-color),
            1796px 120px var(--star-color),
            1409px 1263px var(--star-color),
            1627px 995px var(--star-color),
            969px 710px var(--star-color),
            1674px 676px var(--star-color),
            1832px 759px var(--star-color),
            1623px 563px var(--star-color),
            251px 1790px var(--star-color),
            96px 1688px var(--star-color),
            886px 239px var(--star-color),
            778px 150px var(--star-color),
            1767px 430px var(--star-color),
            765px 1259px var(--star-color),
            1189px 877px var(--star-color),
            444px 1629px var(--star-color),
            1560px 324px var(--star-color),
            1952px 1097px var(--star-color),
            712px 1173px var(--star-color),
            541px 911px var(--star-color),
            827px 1420px var(--star-color),
            1233px 285px var(--star-color),
            784px 546px var(--star-color),
            645px 285px var(--star-color),
            1273px 1255px var(--star-color),
            1821px 174px var(--star-color),
            221px 1795px var(--star-color),
            1004px 456px var(--star-color),
            1298px 941px var(--star-color),
            274px 387px var(--star-color),
            174px 376px var(--star-color),
            1491px 258px var(--star-color),
            1489px 1946px var(--star-color),
            1134px 1382px var(--star-color),
            1289px 1145px var(--star-color),
            464px 358px var(--star-color),
            1249px 1842px var(--star-color),
            1665px 831px var(--star-color),
            1982px 84px var(--star-color),
            541px 774px var(--star-color),
            1994px 523px var(--star-color),
            762px 1644px var(--star-color),
            1730px 867px var(--star-color),
            1951px 1287px var(--star-color),
            911px 1691px var(--star-color),
            1454px 725px var(--star-color),
            1287px 1940px var(--star-color),
            70px 564px var(--star-color),
            1980px 638px var(--star-color),
            1674px 1774px var(--star-color),
            1720px 116px var(--star-color),
            1747px 182px var(--star-color),
            1040px 450px var(--star-color),
            1795px 375px var(--star-color),
            857px 1471px var(--star-color),
            1326px 1730px var(--star-color),
            915px 274px var(--star-color),
            1224px 358px var(--star-color),
            1808px 60px var(--star-color),
            43px 1870px var(--star-color),
            1810px 1536px var(--star-color),
            1564px 1719px var(--star-color),
            731px 1388px var(--star-color),
            1953px 1967px var(--star-color),
            1744px 1119px var(--star-color),
            794px 1384px var(--star-color),
            959px 714px var(--star-color),
            18px 1932px var(--star-color),
            1358px 1437px var(--star-color),
            355px 939px var(--star-color),
            1355px 1648px var(--star-color),
            608px 719px var(--star-color),
            383px 758px var(--star-color),
            1164px 1681px var(--star-color),
            1045px 253px var(--star-color),
            424px 1279px var(--star-color),
            1899px 359px var(--star-color),
            379px 488px var(--star-color),
            214px 465px var(--star-color),
            179px 905px var(--star-color),
            830px 1993px var(--star-color),
            448px 1077px var(--star-color),
            1880px 1354px var(--star-color),
            1973px 347px var(--star-color),
            745px 1025px var(--star-color),
            788px 1007px var(--star-color),
            1377px 883px var(--star-color),
            6px 290px var(--star-color),
            1312px 407px var(--star-color),
            1398px 622px var(--star-color),
            1405px 339px var(--star-color),
            1198px 1709px var(--star-color),
            988px 1226px var(--star-color),
            87px 1459px var(--star-color),
            1113px 1698px var(--star-color),
            997px 732px var(--star-color),
            708px 331px var(--star-color),
            1876px 1112px var(--star-color),
            1729px 1797px var(--star-color),
            719px 703px var(--star-color),
            1295px 522px var(--star-color),
            758px 1061px var(--star-color),
            1309px 1014px var(--star-color),
            1327px 1365px var(--star-color),
            854px 1317px var(--star-color),
            531px 1001px var(--star-color),
            1751px 1040px var(--star-color),
            1354px 190px var(--star-color),
            800px 1538px var(--star-color),
            88px 1455px var(--star-color),
            668px 39px var(--star-color),
            1379px 41px var(--star-color),
            892px 524px var(--star-color),
            54px 649px var(--star-color),
            1289px 730px var(--star-color),
            727px 488px var(--star-color),
            181px 842px var(--star-color),
            1230px 64px var(--star-color),
            3px 857px var(--star-color),
            292px 1201px var(--star-color),
            1343px 673px var(--star-color),
            1096px 1412px var(--star-color),
            1520px 292px var(--star-color),
            104px 1683px var(--star-color),
            934px 1387px var(--star-color),
            314px 739px var(--star-color);
    }

    #stars3 {
        width: 3px;
        height: 3px;
        background: transparent;
        box-shadow:
            200px 981px var(--star-color),
            1731px 521px var(--star-color),
            132px 1039px var(--star-color),
            1888px 1547px var(--star-color),
            899px 1226px var(--star-color),
            1887px 580px var(--star-color),
            1548px 1092px var(--star-color),
            1626px 689px var(--star-color),
            254px 1072px var(--star-color),
            1684px 1211px var(--star-color),
            672px 1267px var(--star-color),
            939px 668px var(--star-color),
            1969px 645px var(--star-color),
            1126px 983px var(--star-color),
            457px 568px var(--star-color),
            476px 876px var(--star-color),
            829px 1896px var(--star-color),
            1364px 1846px var(--star-color),
            1507px 1120px var(--star-color),
            936px 1948px var(--star-color),
            1833px 832px var(--star-color),
            1424px 285px var(--star-color),
            1377px 1596px var(--star-color),
            432px 153px var(--star-color),
            1348px 1410px var(--star-color),
            1529px 954px var(--star-color),
            1102px 387px var(--star-color),
            264px 297px var(--star-color),
            811px 977px var(--star-color),
            1931px 673px var(--star-color),
            1734px 978px var(--star-color),
            1772px 1567px var(--star-color),
            1197px 1400px var(--star-color),
            764px 282px var(--star-color),
            1103px 822px var(--star-color),
            872px 1803px var(--star-color),
            1057px 1763px var(--star-color),
            52px 1299px var(--star-color),
            1312px 1236px var(--star-color),
            235px 1082px var(--star-color),
            299px 1086px var(--star-color),
            1017px 1602px var(--star-color),
            1950px 626px var(--star-color),
            1306px 132px var(--star-color),
            1358px 1618px var(--star-color),
            1873px 1718px var(--star-color),
            1447px 940px var(--star-color),
            1888px 1195px var(--star-color),
            1704px 1765px var(--star-color),
            872px 1357px var(--star-color),
            1555px 1120px var(--star-color),
            250px 1415px var(--star-color),
            450px 415px var(--star-color),
            492px 901px var(--star-color),
            170px 1641px var(--star-color),
            56px 1129px var(--star-color),
            627px 1514px var(--star-color),
            1221px 500px var(--star-color),
            324px 1895px var(--star-color),
            1397px 1775px var(--star-color),
            1966px 598px var(--star-color),
            1550px 763px var(--star-color),
            326px 1605px var(--star-color),
            261px 969px var(--star-color),
            890px 281px var(--star-color),
            736px 544px var(--star-color),
            589px 1262px var(--star-color),
            1581px 368px var(--star-color),
            1900px 1132px var(--star-color),
            1914px 585px var(--star-color),
            1864px 1517px var(--star-color),
            241px 217px var(--star-color),
            859px 787px var(--star-color),
            996px 1729px var(--star-color),
            741px 121px var(--star-color),
            418px 414px var(--star-color),
            142px 967px var(--star-color),
            387px 896px var(--star-color),
            703px 562px var(--star-color),
            968px 1136px var(--star-color),
            1682px 332px var(--star-color),
            1287px 846px var(--star-color),
            256px 1427px var(--star-color),
            1885px 432px var(--star-color),
            1739px 1458px var(--star-color),
            345px 1769px var(--star-color),
            1140px 1612px var(--star-color),
            192px 1921px var(--star-color),
            920px 471px var(--star-color),
            834px 881px var(--star-color),
            917px 1803px var(--star-color),
            466px 1266px var(--star-color),
            483px 1108px var(--star-color),
            689px 986px var(--star-color),
            1279px 786px var(--star-color),
            458px 910px var(--star-color),
            1250px 870px var(--star-color),
            785px 1654px var(--star-color),
            1543px 1757px var(--star-color),
            287px 1272px var(--star-color);
        animation: animStar 150s linear infinite;
    }

    #stars3:after {
        content: " ";
        position: absolute;
        top: 2000px;
        width: 3px;
        height: 3px;
        background: transparent;
        box-shadow:
            200px 981px var(--star-color),
            1731px 521px var(--star-color),
            132px 1039px var(--star-color),
            1888px 1547px var(--star-color),
            899px 1226px var(--star-color),
            1887px 580px var(--star-color),
            1548px 1092px var(--star-color),
            1626px 689px var(--star-color),
            254px 1072px var(--star-color),
            1684px 1211px var(--star-color),
            672px 1267px var(--star-color),
            939px 668px var(--star-color),
            1969px 645px var(--star-color),
            1126px 983px var(--star-color),
            457px 568px var(--star-color),
            476px 876px var(--star-color),
            829px 1896px var(--star-color),
            1364px 1846px var(--star-color),
            1507px 1120px var(--star-color),
            936px 1948px var(--star-color),
            1833px 832px var(--star-color),
            1424px 285px var(--star-color),
            1377px 1596px var(--star-color),
            432px 153px var(--star-color),
            1348px 1410px var(--star-color),
            1529px 954px var(--star-color),
            1102px 387px var(--star-color),
            264px 297px var(--star-color),
            811px 977px var(--star-color),
            1931px 673px var(--star-color),
            1734px 978px var(--star-color),
            1772px 1567px var(--star-color),
            1197px 1400px var(--star-color),
            764px 282px var(--star-color),
            1103px 822px var(--star-color),
            872px 1803px var(--star-color),
            1057px 1763px var(--star-color),
            52px 1299px var(--star-color),
            1312px 1236px var(--star-color),
            235px 1082px var(--star-color),
            299px 1086px var(--star-color),
            1017px 1602px var(--star-color),
            1950px 626px var(--star-color),
            1306px 132px var(--star-color),
            1358px 1618px var(--star-color),
            1873px 1718px var(--star-color),
            1447px 940px var(--star-color),
            1888px 1195px var(--star-color),
            1704px 1765px var(--star-color),
            872px 1357px var(--star-color),
            1555px 1120px var(--star-color),
            250px 1415px var(--star-color),
            450px 415px var(--star-color),
            492px 901px var(--star-color),
            170px 1641px var(--star-color),
            56px 1129px var(--star-color),
            627px 1514px var(--star-color),
            1221px 500px var(--star-color),
            324px 1895px var(--star-color),
            1397px 1775px var(--star-color),
            1966px 598px var(--star-color),
            1550px 763px var(--star-color),
            326px 1605px var(--star-color),
            261px 969px var(--star-color),
            890px 281px var(--star-color),
            736px 544px var(--star-color),
            589px 1262px var(--star-color),
            1581px 368px var(--star-color),
            1900px 1132px var(--star-color),
            1914px 585px var(--star-color),
            1864px 1517px var(--star-color),
            241px 217px var(--star-color),
            859px 787px var(--star-color),
            996px 1729px var(--star-color),
            741px 121px var(--star-color),
            418px 414px var(--star-color),
            142px 967px var(--star-color),
            387px 896px var(--star-color),
            703px 562px var(--star-color),
            968px 1136px var(--star-color),
            1682px 332px var(--star-color),
            1287px 846px var(--star-color),
            256px 1427px var(--star-color),
            1885px 432px var(--star-color),
            1739px 1458px var(--star-color),
            345px 1769px var(--star-color),
            1140px 1612px var(--star-color),
            192px 1921px var(--star-color),
            920px 471px var(--star-color),
            834px 881px var(--star-color),
            917px 1803px var(--star-color),
            466px 1266px var(--star-color),
            483px 1108px var(--star-color),
            689px 986px var(--star-color),
            1279px 786px var(--star-color),
            458px 910px var(--star-color),
            1250px 870px var(--star-color),
            785px 1654px var(--star-color),
            1543px 1757px var(--star-color),
            287px 1272px var(--star-color);
    }

    #title {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        color: var(--star-color);
        text-align: center;
        font-family: "lato", sans-serif;
        font-weight: 300;
        font-size: 50px;
        letter-spacing: 10px;
        margin-top: -60px;
        padding-left: 10px;
        opacity: 0;
        transform: translateY(30px);
        animation: introFadeUp 1.2s ease-out forwards;
    }

    #title span {
        background: -webkit-linear-gradient(white, #38495a);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    @keyframes animStar {
        from {
            transform: translateY(0px);
        }

        to {
            transform: translateY(-2000px);
        }
    }

    @keyframes introFadeUp {
        0% {
            opacity: 0;
            transform: translateY(30px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }