:root {
    --primary:#ff6b35;
    --primary-dark:#e55a2b;
    --primary-light:#ff8c5a;
    --bg-primary:#0a0a0a;
    --bg-secondary:#111111;
    --bg-card:rgba(17,17,17,0.8);
    --bg-glass:rgba(255,107,53,0.05);
    --text-primary:#ffffff;
    --text-secondary:#a0a0a0;
    --text-muted:#666666;
    --border:rgba(255,107,53,0.1);
    --border-bright:rgba(255,107,53,0.3);
    --shadow:rgba(255,107,53,0.2);
    --gradient-bg:linear-gradient(135deg,#0a0a0a 0%,#111111 50%,#0f0f0f 100%);
    --gradient-card:linear-gradient(145deg,rgba(17,17,17,0.9) 0%,rgba(25,25,25,0.9) 100%)
}

.nc-189 {
    background:#fff;
    border-radius:1.5em;
    box-shadow:0 8px 32px rgba(79,195,247,0.10),0 1.5px 8px rgba(33,150,243,0.08);
    border:2px solid #4fc3f7
}

.nc-189 .pl-197 {
    background:#0085e7;
    border-radius:1em;
    box-shadow:0 2px 8px rgba(33,150,243,0.08)
}

.nc-189 .pl-197 img {
    width:64px;
    height:64px;
    object-fit:contain;
    background:transparent
}

.nc-189 .pi-195 h2 {
    color:#4fc3f7;
    font-weight:700;
    margin-bottom:.2em
}

.nc-189 .pi-195 p {
    color:#1976d2;
    font-size:1.05em;
    font-weight:400
}

.nc-189 .pa-192 {
    gap:.7em
}

.bn-101:hover {
    background:linear-gradient(90deg,#1976d2 0%,#4fc3f7 100%);
    color:#fff;
    box-shadow:0 4px 16px rgba(33,150,243,0.16)
}

.bnd-102 {
    background:#5865f2;
    color:#fff!important;
    border:none;
    border-radius:.8em;
    padding:.5em 1.2em;
    font-weight:600;
    text-decoration:none;
    box-shadow:0 2px 8px rgba(88,101,242,0.10);
    transition:background 0.2s,color 0.2s,box-shadow .2s;
    font-size:1em;
    outline:none;
    display:flex;
    align-items:center;
    gap:.5em
}

.bnd-102:hover {
    background:#4752c4;
    color:#fff;
    box-shadow:0 4px 16px rgba(88,101,242,0.16)
}

.ps-199 {
    display:flex;
    justify-content:center;
    align-items:flex-start;
    min-height:40vh;
    padding:3em 0 2em;
    background:none;
    margin-top:40px
}

.pc-193 {
    display:flex;
    align-items:center;
    background:rgba(34,39,47,0.92);
    border-radius:1.5em;
    box-shadow:0 8px 32px rgba(0,0,0,0.18),0 1.5px 8px rgba(0,0,0,0.10);
    padding:2em 2.5em;
    gap:2.2em;
    min-width:340px;
    max-width:800px;
    width:100%;
    margin:50px auto;
    position:relative;
    animation:fadeInUp .7s cubic-bezier(.4,1.3,.6,1)
}

.pl-197 {
    flex:0 0 80px;
    display:flex;
    align-items:center;
    justify-content:center;
    height:80px;
    width:80px;
    background:#23272f;
    border-radius:1em;
    box-shadow:0 2px 8px rgba(0,0,0,0.10);
    overflow:hidden
}

.pl-197 img {
    width:60px;
    height:60px;
    object-fit:contain;
    display:block
}

.pi-195 {
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    gap:.5em
}

.pi-195 h2 {
    margin:0 0 .2em;
    font-size:1.35em;
    font-weight:700;
    color:#ffe066;
    letter-spacing:.01em
}

.pi-195 p {
    margin:0;
    color:#e0e0e0;
    font-size:1.05em;
    font-weight:400
}

.pa-192 {
    display:flex;
    flex-direction:column;
    gap:.7em;
    margin-left:2em
}

.pa-192 a {
    display:flex;
    align-items:center;
    gap:.5em;
    text-decoration:none;
    font-weight:600;
    border-radius:.8em;
    padding:.5em 1.2em;
    font-size:1em;
    transition:background 0.2s,color 0.2s,box-shadow .2s;
    box-shadow:0 2px 8px rgba(255,204,51,0.08)
}

.pa-192 .bp-104 {
    background:linear-gradient(90deg,#ffb347 0%,#ffcc33 100%);
    color:#23272f
}

.pa-192 .bp-104:hover {
    background:linear-gradient(90deg,#ffe066 0%,#ffd700 100%);
    color:#111
}

.pa-192 .bs-105 {
    background:#23272f;
    color:#ffe066;
    border:1.5px solid #ffe066
}

.pa-192 .bs-105:hover {
    background:#ffe066;
    color:#23272f
}

@media (max-width: 700px) {
    .pc-193 {
        flex-direction:column;
        align-items:stretch;
        padding:1.2em 1em;
        gap:1.2em;
        min-width:0;
        max-width:98vw
    }

    .pl-197 {
        margin:0 auto
    }

    .pa-192 {
        flex-direction:row;
        margin-left:0;
        justify-content:center;
        gap:1em
    }
}

@keyframes fadeInUp {
    from {
        opacity:0;
        transform:translateY(30px)
    }

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

.ppb-198 {
    position:fixed;
    top:90px;
    left:50%;
    transform:translateX(-50%) scale(0.97);
    background:#ff6b3514;
    color:#fff;
    border-radius:1.3em;
    box-shadow:0 8px 32px rgba(0,0,0,0.18),0 1.5px 8px rgba(0,0,0,0.10);
    padding:1.1em 2.2em 1.1em 1.5em;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:1.1em;
    z-index:1002;
    min-width:260px;
    max-width:92vw;
    font-size:1.08rem;
    opacity:0;
    pointer-events:none;
    transition:opacity .35s cubic-bezier(.4,1.3,.6,1),transform .35s cubic-bezier(.4,1.3,.6,1);
    border:1.5px solid rgba(255,255,255,0.08)
}

.ppb-198.show {
    opacity:1;
    pointer-events:auto;
    transform:translateX(-50%) scale(1);
    z-index:99999
}

.ppb-198 i.fa-trophy {
    color:#ff9066;
    font-size:1.35em;
    margin-right:.5em;
    filter:drop-shadow(0 1px 2px #0002)
}

.ppb-198 span {
    display:flex;
    align-items:center;
    font-weight:500;
    color:var(--text-secondary);
    letter-spacing:.01em
}

.pw-190 {
    display:flex;
    align-items:center;
    gap:1rem;
    margin-top:1rem
}

.pwt-191 h2 {
    margin:0 0 .25rem
}

.gc-153 {
    padding:2rem 5%;
    max-width:1400px;
    margin:0 auto
}

.gst-163 {
    font-size:1.4rem;
    font-weight:700;
    color:var(--text-primary);
    margin:2rem 0 1rem;
    text-align:left
}

.gmg-162 {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    gap:1rem;
    padding:1rem
}

.gmc-158 {
    position:relative;
    border-radius:16px;
    overflow:hidden;
    aspect-ratio:16/9;
    background:var(--bg-card);
    border:1px solid var(--border);
    transition:all .3s ease;
    filter:saturate(0.2) brightness(0.8)
}

.gmc-158.c-274 {
    filter:none
}

.gmc-158:not(.c-274) .gi-154 {
    filter:grayscale(1)
}

.giw-155 {
    position:absolute;
    inset:0;
    z-index:1
}

.gi-154 {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .5s ease
}

.go-159 {
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgb(0 0 0) 0%,rgba(0,0,0,0.8) 40%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,0.2) 90%,rgb(0 0 0 / 0%) 95%,rgba(0,0,0,0) 100%);
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:1.2rem;
    opacity:0;
    transform:translateY(20px);
    transition:all .3s ease;
    z-index:2
}

.gi-156 {
    margin-bottom:1rem
}

.gi-156 h4 {
    color:#fff;
    font-size:1.25rem;
    font-weight:700;
    margin-bottom:.5rem
}

.gs-161 {
    display:flex;
    align-items:center;
    gap:.5rem
}

.sc-242 .sp-244 .ga-148 {
    display:flex;
    gap:1rem
}

.gb-149 {
    padding:.7rem 1.2rem;
    border-radius:8px;
    font-weight:600;
    text-decoration:none;
    transition:all .2s ease;
    display:flex;
    align-items:center;
    gap:.5rem
}

.gbp-150 {
    background:var(--primary);
    color:#fff
}

.gbp-150:hover {
    background:var(--primary-dark);
    transform:translateY(-2px)
}

.gmc-158:hover {
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,0.3);
    border-color:var(--primary)
}

.gmc-158:hover .gi-154 {
    transform:scale(1.1)
}

.gmc-158:hover .go-159 {
    opacity:1;
    transform:translateY(0)
}

.gc-151:hover {
    transform:translateY(-4px);
    box-shadow:0 12px 32px rgba(0,0,0,0.5)
}

.gcb-152 h4 {
    margin:0;
    font-size:1.05rem
}

.b-100 {
    padding:.25rem .6rem;
    border-radius:999px;
    font-weight:600;
    font-size:.8rem
}

.bs-106:hover {
    background:rgba(255,255,255,0.06)
}

.ppb-198 .plb-196 {
    background:linear-gradient(90deg,#ff972b 0%,#ff8833 100%);
    color:#23272f;
    border:none;
    border-radius:1em;
    padding:.5em 1.2em;
    font-weight:600;
    margin-left:.5em;
    text-decoration:none;
    box-shadow:0 2px 8px rgba(255,204,51,0.08);
    transition:background 0.2s,color 0.2s,box-shadow .2s;
    cursor:pointer;
    font-size:1em;
    outline:none
}

.ppb-198 .plb-196:hover {
    background:linear-gradient(90deg,#ffe066 0%,#ffd700 100%);
    color:#111;
    box-shadow:0 4px 16px rgba(255,204,51,0.16)
}

.ppb-198 .pcb-194 {
    background:none;
    border:none;
    color:white;
    font-size:2em;
    margin-left:.5em;
    cursor:pointer;
    opacity:.7;
    transition:opacity .2s;
    outline:none
}

.ppb-198 .pcb-194:hover {
    opacity:1
}

@media (max-width: 600px) {
    .ppb-198 {
        padding:.8em 1.2em;
        font-size:1rem;
        min-width:0;
        flex-wrap:wrap;
        justify-content:center;
        gap:.8em
    }

    .ppb-198 .plb-196 {
        padding:.5em 1em;
        font-size:.95em
    }
}

* {
    margin:0;
    padding:0;
    box-sizing:border-box
}

body {
    font-family:"Inter",sans-serif;
    background:var(--bg-primary);
    color:var(--text-primary);
    line-height:1.6;
    overflow-x:hidden
}

body::before {
    content:"";
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:radial-gradient(circle at 20% 50%,rgba(255,107,53,0.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,53,0.02) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,107,53,0.02) 0%,transparent 50%);
    pointer-events:none;
    z-index:-1
}

header {
    position:fixed;
    top:0;
    width:100%;
    z-index:1000;
    background:rgba(10,10,10,0.9);
    backdrop-filter:blur(20px);
    border-bottom:1px solid var(--border);
    transition:all .3s ease
}

header.scrolled {
    background:rgba(10,10,10,0.95);
    backdrop-filter:blur(30px)
}

nav {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1rem 5%;
    max-width:1400px;
    margin:0 auto
}

.l-175 {
    display:flex;
    align-items:center;
    gap:.5rem;
    font-size:1.5rem;
    font-weight:800;
    color:var(--primary);
    text-decoration:none
}

.l-175::before {
    content:"";
    font-size:1.8rem
}

.nl-187 {
    display:flex;
    list-style:none;
    gap:2rem;
    align-items:center;
    margin:0 30px 0 0
}

.nl-187 a {
    color:var(--text-secondary);
    text-decoration:none;
    font-weight:500;
    transition:all .3s ease;
    position:relative
}

.nl-187 a:hover {
    color:var(--primary)
}

.nl-187 a::after {
    content:"";
    position:absolute;
    bottom:-5px;
    left:0;
    width:0;
    height:2px;
    background:var(--primary);
    transition:width .3s ease
}

.nl-187 a:hover::after {
    width:100%
}

.cb-119 {
    background:linear-gradient(135deg,var(--primary),var(--primary-dark));
    color:white;
    padding:.7rem 1.5rem;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:all .3s ease;
    box-shadow:0 4px 15px rgba(255,107,53,0.3)
}

.cb-119:hover {
    transform:translateY(-2px);
    box-shadow:0 6px 25px rgba(255,107,53,0.4)
}

.mmt-179 {
    display:none;
    flex-direction:column;
    cursor:pointer;
    padding:.5rem;
    background:transparent;
    border:none;
    color:var(--text-primary);
    font-size:1.2rem;
    transition:all .3s ease;
    position:relative;
    z-index:1001
}

.mmt-179:hover {
    color:var(--primary)
}

.mmt-179.active {
    position:fixed;
    top:1rem;
    right:5%;
    color:var(--primary)
}

.mm-178 {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background:rgba(10,10,10,0.98);
    backdrop-filter:blur(20px);
    z-index:1000;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    transform:translateX(-100%);
    transition:transform .4s cubic-bezier(0.77,0,0.18,1);
    overflow-y:auto
}

body.no-scroll {
    overflow:hidden;
    position:fixed;
    width:100%
}

.mm-178.active {
    transform:translateX(0)
}

.mnl-180 {
    display:flex;
    flex-direction:column;
    gap:2rem;
    text-align:center;
    margin-bottom:3rem
}

.mnl-180 a {
    color:var(--text-primary);
    text-decoration:none;
    font-size:1.5rem;
    font-weight:600;
    transition:all .3s ease;
    opacity:0;
    transform:translateY(20px);
    animation:slideInMobile .6s ease forwards
}

.mnl-180 a:nth-child(1) {
    animation-delay:.1s
}

.mnl-180 a:nth-child(2) {
    animation-delay:.2s
}

.mnl-180 a:nth-child(3) {
    animation-delay:.3s
}

.mnl-180 a:nth-child(4) {
    animation-delay:.4s
}

.mnl-180 a:hover {
    color:var(--primary);
    transform:translateY(-5px)
}

.mc-176 {
    opacity:0;
    transform:translateY(20px);
    animation:slideInMobile .6s ease forwards .5s
}

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

.h-166 {
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:0 5%;
    position:relative;
    overflow:hidden
}

.h-166::before {
    content:"";
    position:absolute;
    top:-50%;
    left:-50%;
    width:200%;
    height:200%;
    opacity:.3
}

.hc-169 {
    max-width:900px;
    z-index:2;
    position:relative
}

.hb-167 {
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    background:var(--bg-glass);
    border:1px solid var(--border);
    padding:.5rem 1rem;
    border-radius:50px;
    margin-bottom:2rem;
    font-size:.9rem;
    color:var(--primary)
}

.h-166 h1 {
    font-size:clamp(3rem,8vw,5rem);
    font-weight:800;
    margin-bottom:1.5rem;
    background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary) 50%,var(--primary-light) 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    line-height:1.1
}

.h-166 p {
    font-size:1.25rem;
    color:var(--text-secondary);
    margin-bottom:2.5rem;
    max-width:600px;
    margin-left:auto;
    margin-right:auto
}

.hb-168 {
    display:flex;
    gap:1rem;
    justify-content:center;
    flex-wrap:wrap
}

.bp-104 {
    background:linear-gradient(135deg,var(--primary),var(--primary-dark));
    color:white;
    padding:1rem 2rem;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    transition:all .3s ease;
    box-shadow:0 4px 20px rgba(255,107,53,0.3)
}

.bp-104:hover {
    transform:translateY(-3px);
}

.bs-105 {
    background:transparent;
    color:var(--text-primary);
    padding:1rem 2rem;
    border:2px solid var(--border-bright);
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:all .3s ease
}

.bs-105:hover {
    background:var(--primary);
    color:white;
    border-color:var(--primary);
    transform:translateY(-3px)
}

.ss-241 {
    padding:5rem 5% 3rem;
    position:relative
}

.sc-240 {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:1.5rem;
    max-width:1400px;
    margin:0 auto
}

.sc-239 {
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:20px;
    padding:2.5rem 2rem;
    text-align:center;
    position:relative;
    overflow:hidden;
    transition:all .4s ease
}

.sc-239:hover::before {
    opacity:.1
}

.sc-239:hover {
    transform:translateY(-8px);
    border-color:var(--border-bright)
}

.sc-239 h3 {
    font-size:3rem;
    font-weight:800;
    color:var(--primary);
    margin-bottom:.5rem;
    font-family:"JetBrains Mono",monospace
}

.sc-239 p {
    color:var(--text-secondary);
    font-weight:500;
    font-size:1.1rem
}

.tss-250 {
    padding:5rem 5%;
    max-width:1400px;
    margin:0 auto;
    position:relative
}

.tsh-249 {
    text-align:center;
    margin-bottom:3rem
}

.tsh-249 h2 {
    font-size:2.5rem;
    font-weight:800;
    margin-bottom:1rem;
    background:linear-gradient(135deg,var(--text-primary),var(--primary));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text
}

.tss-251 {
    color:var(--text-secondary);
    font-size:1.15rem;
    font-weight:400;
    max-width:600px;
    margin:0 auto
}

.tsg-248 {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:1.5rem;
    max-width:1400px;
    margin:0 auto
}

.tsc-247 {
    position:relative;
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:20px;
    padding:2rem;
    transition:all .4s cubic-bezier(0.4,1.3,0.6,1);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1.2rem
}

.tsc-247::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    transition:opacity .4s ease;
    pointer-events:none
}

.tsc-247:hover {
    transform:translateY(-8px) scale(1.02);
    border-color:var(--primary)
}

.tsc-247:hover::before {
    opacity:1
}

.tsc-247[data-rank="1"] {
    grid-column:1 / -1;
    border-color:rgba(255,215,0,0.5)
}

.tsc-247[data-rank="1"] .rn-206 {
    color:#000;
    font-size:1.2rem;
    box-shadow:0 4px 20px rgba(255,215,0,0.4)
}

.sr-224 {
    position:absolute;
    top:1rem;
    left:1rem;
    z-index:10
}

.rn-206 {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--primary);
    color:white;
    font-weight:800;
    font-size:1rem;
    padding:.5rem 1rem;
    border-radius:50px;
    box-shadow:0 4px 15px rgba(255,107,53,0.3);
    font-family:"JetBrains Mono",monospace
}

.si-215 {
    width:100px;
    height:100px;
    border-radius:50%;
    overflow:hidden;
    border:3px solid var(--border);
    box-shadow:0 8px 24px rgba(0,0,0,0.3);
    transition:all .3s ease;
    margin-top:1rem
}

.tsc-247:hover .si-215 {
    border-color:var(--primary);
    transform:scale(1.1)
}

.si-215 img {
    width:100%;
    height:100%;
    object-fit:cover
}

.sip-216 {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--bg-secondary);
    color:var(--text-secondary);
    font-size:3rem
}

.si-217 {
    text-align:center;
    width:100%
}

.sn-223 {
    font-size:1.4rem;
    font-weight:700;
    color:var(--text-primary);
    margin-bottom:.8rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

.sm-220 {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    color:var(--text-secondary);
    font-size:1.1rem;
    font-weight:500
}

.sm-220 i {
    color:var(--primary)
}

@media (max-width: 768px) {
    .tsg-248 {
        grid-template-columns:1fr
    }

    .tsc-247[data-rank="1"] {
        grid-column:1
    }

    .tsh-249 h2 {
        font-size:2rem
    }
}

.gs-160::before,.gs-160::after {
    content:"";
    position:absolute;
    top:0;
    width:200px;
    height:100%;
    z-index:2;
    pointer-events:none
}

.gs-160::before {
    left:0;
    background:linear-gradient(to right,var(--bg-secondary),transparent)
}

.gs-160::after {
    right:0;
    background:linear-gradient(to left,var(--bg-secondary),transparent)
}

.gi-157:hover {
    transform:scale(1.05);
    border-color:var(--primary)
}

.gi-157 img {
    width:48px;
    height:48px;
    border-radius:12px;
    background:var(--bg-primary)
}

.gi-157 span {
    font-weight:600;
    color:var(--text-primary)
}

.f-135 {
    padding:6rem 5%;
    max-width:1400px;
    margin:78px auto 64px
}

.fh-137 {
    text-align:center;
    margin-bottom:4rem
}

.f-135 h2 {
    font-size:2.5rem;
    font-weight:800;
    margin-bottom:1rem;
    background:var(--primary);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text
}

.fh-137 h1 {
    text-align:center;
    margin-bottom:2.5rem;
    font-size:2.3rem;
    font-weight:800;
    letter-spacing:-1px;
    color:var(--primary,#ff6b35);
    text-shadow:0 2px 12px rgba(255,107,53,0.08)
}

.fs-138 {
    color:var(--text-secondary);
    font-size:1.1rem;
    max-width:600px;
    margin:0 auto
}

.fg-136 {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:2rem
}

.fc-121 {
    background:var(--gradient-card);
    border:1px solid var(--border);
    border-radius:20px;
    padding:2.5rem;
    position:relative;
    overflow:hidden;
    transition:all .4s ease;
    display:flex;
    flex-direction:column;
    gap:1.2em
}

.fc-121:hover::before {
    opacity:.1
}

.fc-121:hover {
    border-color:var(--border-bright)
}

.fch-122 {
    display:flex;
    align-items:center;
    gap:1em;
    justify-content:space-between
}

.fsi-130 {
    font-size:1.2em;
    font-weight:700;
    color:var(--primary)
}

.fd-127 {
    margin:1em 0;
    border:0;
    border-top:1px solid var(--primary)
}

.fsl-131 {
    list-style:none;
    padding:0;
    margin:0
}

.fsl-131 li {
    margin-bottom:.5em;
    color:var(--text-primary)
}

.fsp-132 {
    color:var(--primary-light);
    font-weight:600
}

.fi-128 {
    font-size:3rem;
    margin-bottom:1.5rem;
    display:block
}

.fc-121 h4 {
    font-size:1.5rem;
    font-weight:700;
    color:var(--primary);
    margin-bottom:1rem
}

.fc-121 p {
    color:var(--text-secondary);
    line-height:1.7
}

.pc-203 {
    max-width:1200px;
    margin:0 auto;
    padding:8rem 2rem 6rem
}

.ph-205 {
    text-align:center;
    margin-bottom:4rem
}

.ph-205 h1 {
    font-size:3.5rem;
    font-weight:800;
    background:#ff6b35;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    margin-bottom:1rem
}

.ph-205 p {
    font-size:1.3rem;
    color:var(--text-secondary);
    max-width:600px;
    margin:0 auto
}

.ctw-117 {
    overflow-x:auto;
    margin-bottom:3rem;
    border-radius:1rem;
    box-shadow:0 4px 20px rgba(0,0,0,0.1)
}

.ct-116 {
    width:100%;
    border-collapse:collapse;
    background:var(--bg-secondary);
    border-radius:1rem;
    overflow:hidden
}

.ct-116 thead {
    background:linear-gradient(135deg,rgb(241,137,99),rgb(232,99,50))
}

.ct-116 th {
    padding:1.5rem;
    text-align:center;
    font-weight:700;
    font-size:1.1rem;
    border-bottom:2px solid var(--border)
}

.ct-116 th.feature-column {
    text-align:left;
    width:50%
}

.ct-116 th.free-column,.ct-116 th.premium-column {
    width:25%
}

.ch-110 {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.5rem
}

.ch-110 i {
    font-size:1.3rem
}

.fc-147 .ch-110 {
    color:var(--text-primary)
}

.pc-202 .ch-110 {
    color:var(--text-primary)
}

.pc-202 .ch-110 i {
    color:#fbbf24
}

.ct-116 tbody tr {
    border-bottom:1px solid var(--border);
    transition:background-color .2s ease
}

.ct-116 td {
    padding:1.2rem 1.5rem;
    text-align:center
}

.fn-129 {
    text-align:left!important;
    font-weight:500;
    color:var(--text-primary);
    font-size:1rem
}

.ft-134 {
    font-weight:600;
    font-size:1.05rem;
    color:var(--text-primary);
    margin-bottom:.3rem
}

.fd-126 {
    font-size:.9rem;
    color:var(--text-secondary);
    line-height:1.4;
    font-weight:400
}

.fs-133 {
    position:relative
}

.fc-123 {
    color:#10b981;
    font-size:1.4rem
}

.fc-125 {
    color:#ef4444;
    font-size:1.4rem
}

.pc-201 {
    background:rgba(239,136,98,0.05)
}

.pc-204 {
    text-align:center;
    margin-top:3rem
}

.bp-103 {
    display:inline-flex;
    align-items:center;
    gap:.8rem;
    background:#ff6b35;
    color:white;
    padding:1.2rem 3rem;
    border-radius:1rem;
    font-size:1.2rem;
    font-weight:700;
    text-decoration:none;
    transition:all .3s ease
}

.bp-103:hover {
    background:rgba(255,107,53,0.66)
}

.bp-103 i {
    font-size:1.3rem;
    color:#fbbf24
}

@media (max-width: 768px) {
    .ph-205 h1 {
        font-size:2.5rem
    }

    .ph-205 p {
        font-size:1.1rem
    }

    .ct-116 th,.ct-116 td {
        padding:1rem;
        font-size:.9rem
    }

    .fn-129 {
        font-size:.9rem
    }

    .ft-134 {
        font-size:.95rem
    }

    .fd-126 {
        font-size:.85rem
    }

    .fc-123,.fc-125 {
        font-size:1.2rem
    }

    .bp-103 {
        padding:1rem 2rem;
        font-size:1rem
    }

    .ct-116 th.feature-column {
        width:40%
    }

    .ct-116 th.free-column,.ct-116 th.premium-column {
        width:30%
    }
}

@media (max-width: 480px) {
    .pc-203 {
        padding:6rem 1rem 4rem
    }

    .ph-205 h1 {
        font-size:2rem
    }

    .ct-116 th,.ct-116 td {
        padding:.8rem .5rem;
        font-size:.85rem
    }

    .ch-110 {
        flex-direction:column;
        gap:.3rem
    }

    .ch-110 i {
        font-size:1.1rem
    }

    .ft-134 {
        font-size:.85rem
    }

    .fd-126 {
        font-size:.8rem
    }
}

footer {
    background:var(--bg-secondary);
    border-top:1px solid var(--border);
    padding:5rem 5% 3rem;
    position:relative
}

footer::before {
    content:"";
    position:absolute;
    top:0;
    left:5%;
    right:5%;
    height:1px;
    background:linear-gradient(90deg,transparent 0%,var(--primary) 20%,var(--primary-light) 50%,var(--primary) 80%,transparent 100%)
}

.fc-143 {
    max-width:1400px;
    margin:0 auto
}

.ft-146 {
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:3rem;
    margin-bottom:3rem;
    align-items:start
}

.fb-141 h3 {
    font-size:2rem;
    font-weight:800;
    color:var(--primary);
    margin-bottom:1rem;
    align-items:center;
    gap:.5rem
}

.fb-141 p {
    color:var(--text-secondary);
    line-height:1.7;
    margin-bottom:1.5rem
}

.sl-238 {
    display:flex;
    gap:1rem;
    flex-direction:row;
    align-content:flex-end;
    justify-content:center
}

.sl-237 {
    display:flex;
    align-items:center;
    justify-content:center;
    width:45px;
    height:45px;
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:12px;
    color:var(--text-secondary);
    text-decoration:none;
    transition:all .3s ease
}

.sl-237:hover {
    background:var(--primary);
    color:white;
    transform:translateY(-3px);
    box-shadow:0 8px 25px rgba(255,107,53,0.3)
}

.fc-142 {
    display:flex;
    flex-direction:column
}

.fc-142 h4 {
    color:var(--text-primary);
    font-weight:700;
    font-size:1.1rem;
    margin-bottom:1.5rem;
    position:relative
}

.fc-142 h4::after {
    content:"";
    position:absolute;
    bottom:-5px;
    left:0;
    width:30px;
    height:2px;
    background:var(--primary)
}

.fll-145 {
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:.8rem
}

.fll-145 a {
    color:var(--text-secondary);
    text-decoration:none;
    transition:all .3s ease;
    display:flex;
    align-items:center;
    gap:.5rem;
    padding:.2rem 0
}

.fll-145 a:hover {
    color:var(--primary);
    transform:translateX(5px)
}

.fll-145 a i {
    font-size:.9rem;
    width:16px
}

.fb-139 {
    border-top:1px solid var(--border);
    padding-top:2rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:1rem
}

.fbl-140 {
    display:flex;
    align-items:center;
    gap:2rem;
    flex-wrap:wrap
}

.fb-139 p {
    color:var(--text-muted);
    font-size:.9rem
}

.fl-144 {
    display:flex;
    gap:1.5rem;
    flex-wrap:wrap
}

.fl-144 a {
    color:var(--text-muted);
    text-decoration:none;
    font-size:.9rem;
    transition:color .3s ease
}

.fl-144 a:hover {
    color:var(--primary)
}

@keyframes pulse {
    0%,100% {
        opacity:1
    }

    50% {
        opacity:.5
    }
}

@keyframes rotate {
    from {
        transform:rotate(0deg)
    }

    to {
        transform:rotate(360deg)
    }
}

@keyframes scroll {
    from {
        transform:translateX(0)
    }

    to {
        transform:translateX(-50%)
    }
}

@keyframes fadeInUp {
    from {
        opacity:0;
        transform:translateY(30px)
    }

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

@media (max-width: 769px) {
    .ls-172 {
        display:none
    }
}

@media (max-width: 768px) {
    .nl-187 {
        display:none
    }

    .ls-172 {
        display:none!important
    }

    .mls-177 {
        display:flex
    }

    .cb-119 {
        display:none
    }

    .mmt-179 {
        display:block
    }

    .h-166 h1 {
        font-size:2.5rem
    }

    .hb-168 {
        flex-direction:column;
        align-items:center
    }

    .sc-240 {
        grid-template-columns:1fr
    }

    .ft-146 {
        grid-template-columns:1fr;
        gap:2rem;
        text-align:center
    }

    .fc-142 h4 {
        justify-content:center;
        display:flex;
        flex-direction:column;
        align-items:center
    }

    .fc-142 h4::after {
        left:50%;
        transform:translateX(-50%)
    }

    .fll-145 {
        align-items:center
    }

    .fll-145 a {
        justify-content:center
    }

    .fb-139 {
        flex-direction:column;
        text-align:center;
        gap:1rem
    }

    .fbl-140 {
        display:flex;
        align-items:center;
        gap:2rem;
        flex-wrap:wrap;
        justify-content:center
    }

    .fl-144 {
        justify-content:center;
        margin-top:20px
    }
}

::-webkit-scrollbar {
    width:8px
}

::-webkit-scrollbar-track {
    background:var(--bg-primary)
}

::-webkit-scrollbar-thumb {
    background:var(--primary);
    border-radius:4px
}

::-webkit-scrollbar-thumb:hover {
    background:var(--primary-light)
}

.mls-177 {
    display:flex;
    justify-content:center;
    gap:12px;
    margin:20px 0;
    padding:0 20px
}

.mls-177 .lang-link {
    flex:1;
    text-align:center;
    padding:10px;
    border:1px solid #554b33;
    border-radius:8px;
    color:#8b7d64;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    transition:all .3s ease
}

.mls-177 .lang-link:hover {
    color:#f6b53b;
    background-color:rgba(246,202,59,0.1)
}

.mls-177 .lang-link.active {
    color:#ffffff;
    background-color:var(--primary);
    border-color:var(--primary-dark)
}

.ls-172 {
    display:flex;
    gap:8px;
    align-items:center;
    margin-right:20px
}

.lang-link {
    padding:6px 12px;
    border-radius:6px;
    text-decoration:none;
    font-size:14px;
    font-weight:500;
    color:#8b7d64;
    transition:all .3s ease;
    border:1px solid transparent
}

.lang-link:hover {
    color:#f6b53b;
    background-color:rgba(246,202,59,0.1)
}

.lang-link.active {
    color:#ffffff;
    background-color:var(--primary);
    border-color:var(--primary-dark)
}

@media (max-width: 450px) {
    .ppb-198 {
        max-width:98vw;
        width:98vw;
        padding:.6em .5em;
        font-size:.92rem;
        flex-wrap:wrap;
        gap:.5em;
        z-index:99999
    }

    .ppb-198 .plb-196 {
        padding:.3em .6em;
        font-size:.92em;
        min-width:90px;
        word-break:break-word
    }

    .ppb-198 .pcb-194 {
        font-size:1.5em;
        margin-left:.2em
    }
}

.st-ov {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:1.5rem;
    margin-bottom:3rem
}

.st-card {
    background:var(--bg-card,rgba(34,39,47,0.92));
    border:1px solid var(--border,rgba(255,255,255,0.1));
    border-radius:16px;
    padding:1.5rem;
    display:flex;
    align-items:center;
    gap:1.5rem;
    box-shadow:0 4px 20px rgba(0,0,0,0.2)
}

.st-icon {
    width:50px;
    height:50px;
    border-radius:12px;
    background:rgba(79,195,247,0.1);
    color:var(--primary);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.5rem
}

.st-info h3 {
    margin:0;
    font-size:1.5rem;
    color:var(--text-primary,#fff)
}

.st-info p {
    margin:0;
    color:var(--text-secondary,#aaa);
    font-size:.9rem
}

.st-mtx-container {
    background:var(--bg-card,rgba(34,39,47,0.5));
    border-radius:20px;
    padding:2rem;
    border:1px solid var(--border,rgba(255,255,255,0.05))
}

.st-title {
    margin-top:0;
    margin-bottom:1.5rem;
    font-size:1.3rem;
    color:var(--primary)
}

.st-mtx {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
    gap:1rem
}

.st-unit {
    background:rgba(255,255,255,0.03);
    border:1px solid rgba(255,255,255,0.05);
    border-radius:12px;
    padding:1rem;
    transition:all .2s ease;
    position:relative;
    overflow:hidden
}

.st-unit-head {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:.5rem
}

.st-id {
    font-weight:700;
    color:var(--text-primary,#fff)
}

.st-dot {
    width:8px;
    height:8px;
    border-radius:50%;
    background:#555;
    box-shadow:0 0 8px rgba(0,0,0,0.5)
}

.st-on {
    border-bottom:2px solid var(--primary)
}

.st-off {
    border-bottom:2px solid #ff1744;
    opacity:.7
}

.st-unit-body {
    display:flex;
    flex-direction:column;
    gap:.2rem
}

.st-ping {
    font-size:.9rem;
    font-weight:600;
    color:var(--text-primary,#eee)
}

.st-det {
    font-size:.8rem;
    color:var(--text-secondary,#888)
}
#snow-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    z-index: 10101011;
}
.snowflake {
    position: absolute;
    top: -20px;
    color: #fff;
    animation: fall linear infinite;
    opacity: 0;
}
@keyframes fall {
    0% {
        transform: translateY(-10vh) translateX(0) rotate(0deg);
        opacity: 0.8;
    }
    100% {
        transform: translateY(110vh) translateX(20px) rotate(360deg);
        opacity: 0.3;
    }
}

@property --lean {
    syntax: '<length>';
    inherits: true;
    initial-value: 0px;
}

.hb-split-btns {
    display: inline-flex;
    position: relative;
    border-radius: 50px;
    overflow: hidden;
    max-width: 100%;
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    --lean: 0px;
    transition: --lean 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.hb-split-btns:has(a + a) {
    border-radius: 15px;
}

.hb-split-btns:has(a:first-child:hover) { --lean:  18px; }
.hb-split-btns:has(a:last-child:hover)  { --lean: -18px; }

.hb-split-btns a {
    border-radius: 0;
    margin: 0;
    box-shadow: none !important;
    border: none !important;
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    position: relative;
    white-space: nowrap;
    background: transparent !important;
}

.hb-split-btns a:first-child { border-radius: 15px 0 0 15px; }
.hb-split-btns a:last-child  { border-radius: 0 15px 15px 0; }

.hb-split-btns a:only-child {
    border-radius: 50px;
    background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
}

.hb-split-btns a:first-child:not(:only-child) {
    z-index: 2;
}

.hb-split-btns a:last-child:not(:only-child) {
    background: rgba(0, 0, 0, 0.4) !important;
    margin-left: -18px;
    padding-left: calc(2rem + 18px);
    z-index: 1;
    clip-path: polygon(
        calc(18px - var(--lean)) 0,
        100% 0,
        100% 100%,
        calc(18px + var(--lean)) 100%
    );
}

@media (max-width: 768px) {
    .hb-split-btns a {
        padding: 0.75rem 1.5rem;
        font-size: 0.9rem;
    }
    .hb-split-btns a:last-child:not(:only-child) {
        padding-left: calc(1.5rem + 18px);
    }
}

@media (max-width: 480px) {
    .hb-split-btns {
        flex-direction: column;
        width: 100%;
        border-radius: 15px;
        overflow: visible;
        background: transparent;
    }
    .hb-split-btns a {
        width: 100%;
        justify-content: center;
        clip-path: none !important;
        margin-left: 0 !important;
        padding: 0.75rem 1.5rem !important;
        border-radius: 15px !important;
    }
    .hb-split-btns a:first-child:not(:only-child) {
        margin: 10px;
        background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important;
    }
    .hb-split-btns a:last-child:not(:only-child) {
        background: rgba(0, 0, 0, 0.4) !important;
        border: 2px solid var(--border-bright) !important;
    }
}