@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@600&display=swap');

body{
  
   font-family: 'Prompt', sans-serif !important;
   color:white !important;
   background-color: black !important;
    font-size: 16px !important;
}
@media (min-width: 992px) { 
    .-title-shadow{
        border-right: 2px solid red;
        padding: 1rem 1rem 1rem 1rem;
    }
    
}
.-main-content{
    padding: 0rem 0rem 0rem 0rem;
}
เน‰h1{
    color:white !important;
}
.entry-title{
    color:yellow;
}
/* .title-content {
    background-image: linear-gradient(253deg, #fef4b6 , yellow) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} */
.entry-header>.title-content>a {
    color:white !important;
}
.article-page>.entry-header>.title-content {
    background-image: linear-gradient(253deg, #fef4b6 , yellow) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
p{
    font-size: 16px !important;
}

a {
    color: #fff;
    text-decoration: none !important;
    background-color: transparent;
}
a:hover {
    color: #ffd500;
    text-decoration: underline;
}
.text-wip {
    animation: color-change 1s infinite !important;
  }
  
  @keyframes color-change {
    0% { color: #ff0000; }
    50% { color: white; }
    100% { color:#ff0000;  }
  }

.-bg-content{
    background: url(/wp-content/themes/jayplus/More/img/bg.webp) left top / cover no-repeat rgb(0, 0, 0) !important;
}


.-bg-title{
    background-color: #000000db!important;
}
.-title-bar {
    background: black;
}
.btn-lg{
    font-size: 20px !important;
}
.-title-contact{
   padding: 0px 0px 0px 0px;
}
.-btn-main-login{
    background-image: linear-gradient(1deg, #740101 0%, #b20000 100%) !important;
    color: #fff;
    border-radius: 10rem !important;
}
.-btn-main-contact{
    /* background-image: linear-gradient(1deg, rgba(68, 68, 68, 1) 0%, rgba(130, 130, 130, 1) 100%); */
    background-image:linear-gradient(1deg,#a7a4a4 0%,#2e2d2d 100%) !important;
    color: #fff;
    border-radius: 10rem !important;
}
.-main-promotion{
    margin: 0rem 0rem 0rem 0rem;
}
.-main-promotion img{
    margin: 1rem 0rem 1rem 0rem;
}
.-article{
    margin: 2rem 2rem 0rem 0rem;
    
}

.-border-red{
    border-bottom: 1px solid red;
}
.-games{
    padding: 2rem 0rem 2rem 0rem;
    background-image: linear-gradient(180deg, rgb(66, 1, 1) 0%, rgba(0, 0, 0, 1) 100%);
}

footer{
    background-color: rgba(22,22,22,0.94);
    padding: 2rem 0rem 3rem 0rem;
}
#btn_top {
    display: none;
    position: fixed;
    bottom: 85px;
    right: 30px;
    z-index: 99;
    font-size: 0px;
    border: none;
    outline: none;
    background-color: gray;
    color: white;
    cursor: pointer;
    padding: 8px;
    border-radius: 4px;
  }
  
  #btn_top:hover {
    background-color: #555;
  }
i{
    color:white;
}
.nav-mobile {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background: linear-gradient(90deg, #ed0000, #850505, #ff0000, #850505, #ff0000, #850505);
    position: fixed;
    bottom: 0;
    z-index: 99;
    width: 100%;
    overflow: hidden;
    padding-top: .5rem;
    -webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, .25);
    box-shadow: 0 -1px 4px rgba(0, 0, 0, .25);
}
.nav-mobile a{
        color: #fff;
        text-decoration: none;
        background-color: transparent;
}

.nav-mobile ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.nav-mobile li {
    width: 20%;
    float: left;
    text-align: center;
    position: relative;
}

.material-icons {
    font-family: Material Icons;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
}

.nav-mobile li a i {
    display: block;
}

.nav-mobile li .alert-count {
    width: 19px;
    height: 19px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    font-size: 10px;
    color: #fff;
    top: 0;
    right: 20%;
    border: 2px solid #fff;
}


.animated-button1 {
    padding: 20px 39px !important;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button1::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #28a745;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button1:hover::before {
    opacity: 0.2;
}

.animated-button1 span {
    position: absolute;
}

.animated-button1 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(#2b080800), to(#13ff03));
    background: linear-gradient(to left,#2b080800,#13ff03);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button1 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, right top, left top, from(#2b080800), to(#13ff03));
    background: linear-gradient(to left,#2b080800,#13ff03);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button1 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(#2b080800), to(#13ff03));
    background: linear-gradient(to left,#2b080800,#13ff03);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button1 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, right top, left top, from(#2b080800), to(#13ff03));
    background: linear-gradient(to left,#2b080800,#13ff03);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.all-star {
    overflow: hidden;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: -1
}

a {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

#stars {
    opacity: .6;
    animation: animStar 50s linear infinite
}

#stars,
#stars:after {
    position: absolute;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background: transparent;
    z-index: -1;
    box-shadow: 1064px 504px 2px #fff, 715px 794px 2px #fff, 1866px 106px 2px #fff, 512px 560px 2px #fff, 382px 1618px 2px #fff, 72px 667px 2px #fff, 424px 827px 2px #fff, 1943px 1452px 2px #fff, 1413px 28px 2px #fff, 102px 941px 2px #fff, 1690px 569px 2px #fff, 393px 501px 2px #fff, 981px 1456px 2px #fff, 469px 525px 2px #fff, 115px 1603px 2px #fff, 1354px 1063px 2px #fff, 1245px 360px 2px #fff, 1831px 563px 2px #fff, 1720px 576px 2px #fff, 1596px 896px 2px #fff, 162px 1346px 2px #fff, 1763px 105px 2px #fff, 1152px 866px 2px #fff, 1239px 1851px 2px #fff, 1799px 1093px 2px #fff, 1240px 902px 2px #fff, 1399px 1380px 2px #fff, 1194px 1498px 2px #fff, 822px 300px 2px #fff, 1646px 1757px 2px #fff, 1182px 534px 2px #fff, 344px 1918px 2px #fff, 670px 249px 2px #fff, 943px 361px 2px #fff, 1706px 780px 2px #fff, 74px 1979px 2px #fff, 114px 1590px 2px #fff, 1651px 758px 2px #fff, 1373px 1459px 2px #fff, 1235px 1337px 2px #fff, 1353px 627px 2px #fff, 172px 846px 2px #fff, 211px 351px 2px #fff, 1106px 11px 2px #fff, 147px 542px 2px #fff, 609px 1827px 2px #fff, 1441px 177px 2px #fff, 1105px 594px 2px #fff, 892px 1362px 2px #fff, 670px 919px 2px #fff, 1872px 519px 2px #fff, 1570px 400px 2px #fff, 262px 474px 2px #fff, 829px 929px 2px #fff, 356px 1780px 2px #fff, 1009px 380px 2px #fff, 1521px 1215px 2px #fff, 1635px 152px 2px #fff, 1865px 1964px 2px #fff, 1466px 1618px 2px #fff, 314px 1166px 2px #fff, 386px 1350px 2px #fff, 1560px 1906px 2px #fff, 268px 556px 2px #fff, 835px 1522px 2px #fff, 580px 167px 2px #fff, 1363px 935px 2px #fff, 1710px 388px 2px #fff, 1064px 501px 2px #fff, 1128px 1599px 2px #fff, 981px 1899px 2px #fff, 977px 1379px 2px #fff, 995px 420px 2px #fff, 1755px 1376px 2px #fff, 1124px 1579px 2px #fff, 1778px 1616px 2px #fff, 1974px 1038px 2px #fff, 170px 874px 2px #fff, 31px 1612px 2px #fff, 1987px 238px 2px #fff, 1327px 1077px 2px #fff, 412px 610px 2px #fff, 908px 739px 2px #fff, 1970px 232px 2px #fff, 656px 1863px 2px #fff, 1693px 1783px 2px #fff, 381px 1016px 2px #fff, 359px 1906px 2px #fff, 896px 1895px 2px #fff, 211px 1172px 2px #fff, 1235px 43px 2px #fff, 141px 1316px 2px #fff, 186px 1193px 2px #fff, 1802px 1956px 2px #fff, 1956px 1285px 2px #fff, 732px 136px 2px #fff, 783px 1931px 2px #fff, 128px 678px 2px #fff, 1342px 771px 2px #fff, 1392px 1182px 2px #fff, 1989px 375px 2px #fff, 93px 193px 2px #fff, 743px 232px 2px #fff, 1880px 201px 2px #fff, 1287px 1096px 2px #fff, 352px 45px 2px #fff, 1701px 284px 2px #fff, 864px 469px 2px #fff, 266px 1682px 2px #fff, 1520px 1159px 2px #fff, 801px 641px 2px #fff, 1669px 31px 2px #fff, 1224px 367px 2px #fff, 175px 1835px 2px #fff, 1448px 1263px 2px #fff, 314px 355px 2px #fff, 1363px 1741px 2px #fff, 446px 1223px 2px #fff, 675px 854px 2px #fff, 229px 1524px 2px #fff, 1339px 1137px 2px #fff, 809px 1479px 2px #fff, 156px 677px 2px #fff, 1399px 798px 2px #fff, 705px 1738px 2px #fff, 890px 655px 2px #fff, 682px 776px 2px #fff, 1029px 603px 2px #fff, 1146px 716px 2px #fff, 1056px 335px 2px #fff, 1481px 95px 2px #fff, 1880px 711px 2px #fff, 792px 485px 2px #fff, 1495px 195px 2px #fff, 626px 330px 2px #fff, 661px 748px 2px #fff, 384px 472px 2px #fff, 1831px 693px 2px #fff, 312px 1934px 2px #fff, 76px 738px 2px #fff, 1850px 810px 2px #fff, 566px 1471px 2px #fff, 1604px 1298px 2px #fff, 1225px 1199px 2px #fff, 1459px 951px 2px #fff, 1225px 772px 2px #fff, 1145px 1765px 2px #fff, 222px 284px 2px #fff, 1818px 1524px 2px #fff, 466px 627px 2px #fff, 80px 160px 2px #fff, 794px 1324px 2px #fff, 680px 664px 2px #fff, 1172px 1689px 2px #fff, 1176px 1972px 2px #fff, 729px 331px 2px #fff, 544px 777px 2px #fff, 895px 579px 2px #fff, 1851px 765px 2px #fff, 966px 1811px 2px #fff, 186px 952px 2px #fff, 168px 172px 2px #fff, 200px 1801px 2px #fff, 1750px 581px 2px #fff, 171px 1455px 2px #fff, 834px 894px 2px #fff, 1221px 52px 2px #fff, 738px 221px 2px #fff, 977px 1928px 2px #fff, 991px 1569px 2px #fff, 886px 1979px 2px #fff, 1125px 1010px 2px #fff, 952px 957px 2px #fff, 911px 786px 2px #fff, 1168px 77px 2px #fff, 579px 258px 2px #fff, 1093px 879px 2px #fff, 863px 104px 2px #fff, 1473px 1044px 2px #fff, 1819px 4px 2px #fff, 154px 934px 2px #fff, 1074px 1677px 2px #fff, 686px 1943px 2px #fff, 200px 308px 2px #fff, 1251px 1249px 2px #fff, 448px 427px 2px #fff, 1406px 491px 2px #fff, 428px 1390px 2px #fff, 1874px 235px 2px #fff, 725px 1457px 2px #fff, 1736px 1781px 2px #fff, 1591px 545px 2px #fff, 1495px 585px 2px #fff, 771px 1410px 2px #fff, 1326px 263px 2px #fff, 536px 1967px 2px #fff, 1834px 1502px 2px #fff, 1397px 1216px 2px #fff, 1003px 289px 2px #fff, 729px 1986px 2px #fff, 1976px 1866px 2px #fff, 773px 4px 2px #fff, 1px 1473px 2px #fff, 461px 260px 2px #fff, 962px 635px 2px #fff, 448px 612px 2px #fff, 539px 136px 2px #fff, 953px 1062px 2px #fff, 198px 1514px 2px #fff, 341px 679px 2px #fff, 1524px 1580px 2px #fff, 677px 1007px 2px #fff, 813px 1797px 2px #fff, 421px 1875px 2px #fff, 944px 445px 2px #fff, 989px 129px 2px #fff, 1501px 632px 2px #fff, 1736px 1891px 2px #fff, 1125px 1164px 2px #fff, 1886px 860px 2px #fff, 1054px 308px 2px #fff, 979px 1086px 2px #fff, 596px 1104px 2px #fff, 1951px 336px 2px #fff, 797px 1078px 2px #fff, 1166px 631px 2px #fff, 855px 642px 2px #fff, 1643px 174px 2px #fff, 571px 725px 2px #fff, 981px 278px 2px #fff, 1783px 1015px 2px #fff, 1811px 233px 2px #fff, 1554px 227px 2px #fff, 407px 669px 2px #fff, 110px 735px 2px #fff, 1439px 1627px 2px #fff, 1633px 912px 2px #fff, 382px 1790px 2px #fff, 1237px 202px 2px #fff, 556px 1699px 2px #fff, 1564px 1228px 2px #fff, 112px 1825px 2px #fff, 1384px 373px 2px #fff, 1px 770px 2px #fff, 28px 866px 2px #fff, 1638px 770px 2px #fff, 1258px 1003px 2px #fff, 15px 963px 2px #fff, 693px 1834px 2px #fff, 1386px 1508px 2px #fff, 1357px 1523px 2px #fff, 229px 620px 2px #fff, 1650px 1263px 2px #fff, 1436px 1758px 2px #fff, 1906px 559px 2px #fff, 1536px 1404px 2px #fff, 1444px 1295px 2px #fff, 597px 1103px 2px #fff, 1428px 1533px 2px #fff, 1517px 1288px 2px #fff, 1574px 729px 2px #fff, 1143px 419px 2px #fff, 1662px 1436px 2px #fff, 440px 418px 2px #fff, 966px 425px 2px #fff, 839px 712px 2px #fff, 1382px 298px 2px #fff, 1657px 1875px 2px #fff, 1491px 399px 2px #fff, 962px 43px 2px #fff, 1221px 752px 2px #fff, 610px 1349px 2px #fff, 459px 1207px 2px #fff, 115px 1918px 2px #fff, 1946px 901px 2px #fff, 852px 1575px 2px #fff, 794px 1223px 2px #fff, 1425px 1083px 2px #fff, 994px 464px 2px #fff, 733px 1613px 2px #fff, 793px 441px 2px #fff, 1569px 1926px 2px #fff, 555px 583px 2px #fff, 1638px 72px 2px #fff, 587px 847px 2px #fff, 391px 13px 2px #fff, 1218px 1860px 2px #fff, 1659px 1044px 2px #fff, 186px 900px 2px #fff, 725px 716px 2px #fff, 918px 1259px 2px #fff, 1658px 1792px 2px #fff, 634px 165px 2px #fff, 1748px 303px 2px #fff, 1825px 1920px 2px #fff, 975px 1895px 2px #fff, 1098px 1118px 2px #fff, 1985px 1972px 2px #fff, 1402px 1241px 2px #fff, 630px 1909px 2px #fff, 1714px 1791px 2px #fff, 1694px 1446px 2px #fff, 1783px 740px 2px #fff, 866px 2px 2px #fff, 1522px 1395px 2px #fff, 967px 1024px 2px #fff, 1352px 1305px 2px #fff, 1216px 1944px 2px #fff, 1512px 1611px 2px #fff, 5px 59px 2px #fff, 93px 1376px 2px #fff, 1551px 1975px 2px #fff, 55px 1173px 2px #fff, 1935px 955px 2px #fff, 1553px 1476px 2px #fff, 1161px 502px 2px #fff, 1862px 1317px 2px #fff, 909px 306px 2px #fff, 132px 1629px 2px #fff, 1558px 809px 2px #fff, 221px 369px 2px #fff, 1852px 1737px 2px #fff, 1726px 1143px 2px #fff, 361px 1498px 2px #fff, 314px 1787px 2px #fff, 760px 1006px 2px #fff, 242px 117px 2px #fff, 907px 1538px 2px #fff, 18px 1963px 2px #fff, 504px 305px 2px #fff, 887px 296px 2px #fff, 849px 1455px 2px #fff, 1845px 659px 2px #fff, 65px 1178px 2px #fff, 1716px 1069px 2px #fff, 1063px 1360px 2px #fff, 1454px 1455px 2px #fff, 677px 1661px 2px #fff, 501px 935px 2px #fff, 1078px 1565px 2px #fff, 1962px 152px 2px #fff, 339px 689px 2px #fff, 866px 1907px 2px #fff, 1155px 1009px 2px #fff, 1258px 1637px 2px #fff, 321px 1209px 2px #fff, 1097px 1813px 2px #fff, 1592px 1314px 2px #fff, 946px 388px 2px #fff, 1221px 1258px 2px #fff, 864px 1292px 2px #fff, 789px 1443px 2px #fff, 1196px 1593px 2px #fff, 358px 1739px 2px #fff, 1130px 810px 2px #fff, 1500px 1332px 2px #fff, 371px 1192px 2px #fff, 692px 157px 2px #fff, 1662px 1914px 2px #fff, 1576px 1679px 2px #fff, 1884px 1998px 2px #fff, 1170px 651px 2px #fff, 1803px 837px 2px #fff, 770px 1447px 2px #fff, 1164px 1121px 2px #fff, 1051px 361px 2px #fff, 624px 549px 2px #fff, 290px 767px 2px #fff, 870px 1308px 2px #fff, 1156px 780px 2px #fff, 1861px 1019px 2px #fff, 724px 887px 2px #fff, 1413px 1185px 2px #fff, 1419px 84px 2px #fff, 753px 500px 2px #fff, 1574px 1649px 2px #fff, 1375px 586px 2px #fff, 1026px 593px 2px #fff, 518px 308px 2px #fff, 1803px 607px 2px #fff, 195px 227px 2px #fff, 883px 1814px 2px #fff, 381px 313px 2px #fff, 1010px 699px 2px #fff, 11px 1984px 2px #fff, 1522px 1618px 2px #fff, 621px 1072px 2px #fff, 380px 1868px 2px #fff, 1922px 1197px 2px #fff, 1248px 1895px 2px #fff, 682px 373px 2px #fff, 1279px 1363px 2px #fff, 1133px 1254px 2px #fff, 939px 42px 2px #fff, 634px 1995px 2px #fff, 368px 1296px 2px #fff, 54px 26px 2px #fff, 1789px 1018px 2px #fff, 546px 962px 2px #fff, 1873px 1579px 2px #fff, 1538px 106px 2px #fff, 1023px 809px 2px #fff, 1012px 1973px 2px #fff, 686px 1735px 2px #fff, 746px 1528px 2px #fff, 1345px 1077px 2px #fff, 957px 636px 2px #fff, 732px 264px 2px #fff, 470px 1465px 2px #fff, 1310px 1096px 2px #fff, 1081px 1264px 2px #fff, 30px 1976px 2px #fff, 1446px 396px 2px #fff, 1801px 1246px 2px #fff, 571px 326px 2px #fff, 463px 707px 2px #fff, 541px 1809px 2px #fff, 523px 459px 2px #fff, 1677px 376px 2px #fff, 313px 1228px 2px #fff, 1117px 112px 2px #fff, 627px 637px 2px #fff, 580px 487px 2px #fff, 499px 480px 2px #fff, 1791px 1215px 2px #fff, 941px 1605px 2px #fff, 1140px 1297px 2px #fff, 445px 870px 2px #fff, 967px 679px 2px #fff, 1832px 560px 2px #fff, 1000px 943px 2px #fff, 1549px 1441px 2px #fff, 1054px 115px 2px #fff, 944px 500px 2px #fff, 187px 1065px 2px #fff, 1909px 1851px 2px #fff, 558px 1084px 2px #fff, 755px 1264px 2px #fff, 990px 1014px 2px #fff, 108px 1858px 2px #fff, 481px 719px 2px #fff, 1489px 1161px 2px #fff, 1859px 1583px 2px #fff, 88px 1432px 2px #fff, 1380px 500px 2px #fff, 1364px 1328px 2px #fff, 41px 1146px 2px #fff, 1835px 777px 2px #fff, 388px 1252px 2px #fff, 91px 1347px 2px #fff, 1284px 1071px 2px #fff, 1036px 1654px 2px #fff, 393px 1882px 2px #fff, 1959px 1183px 2px #fff, 298px 189px 2px #fff, 329px 198px 2px #fff, 1739px 60px 2px #fff, 1958px 1670px 2px #fff, 1221px 942px 2px #fff, 1109px 558px 2px #fff, 1184px 430px 2px #fff, 1478px 479px 2px #fff, 826px 360px 2px #fff, 1005px 1290px 2px #fff, 1589px 1665px 2px #fff, 1797px 1370px 2px #fff, 1763px 470px 2px #fff, 581px 1065px 2px #fff, 1506px 1540px 2px #fff, 59px 1449px 2px #fff, 1596px 1868px 2px #fff, 1196px 672px 2px #fff, 438px 510px 2px #fff, 1404px 953px 2px #fff, 1738px 1848px 2px #fff, 17px 86px 2px #fff, 251px 1663px 2px #fff, 1279px 1276px 2px #fff, 178px 1884px 2px #fff, 319px 1532px 2px #fff, 752px 517px 2px #fff, 329px 465px 2px #fff, 1472px 1265px 2px #fff, 75px 1733px 2px #fff, 55px 1048px 2px #fff, 97px 1490px 2px #fff, 1884px 928px 2px #fff, 1133px 134px 2px #fff, 1370px 768px 2px #fff, 653px 612px 2px #fff, 1087px 728px 2px #fff, 1043px 1996px 2px #fff, 386px 501px 2px #fff, 1411px 812px 2px #fff, 1047px 17px 2px #fff, 1851px 1244px 2px #fff, 1291px 1180px 2px #fff, 158px 453px 2px #fff, 757px 688px 2px #fff, 1622px 240px 2px #fff, 1468px 1320px 2px #fff, 244px 740px 2px #fff, 1448px 1405px 2px #fff, 951px 1338px 2px #fff, 405px 1826px 2px #fff, 1342px 1512px 2px #fff, 401px 75px 2px #fff, 291px 1988px 2px #fff, 1466px 930px 2px #fff, 1381px 1010px 2px #fff, 462px 1264px 2px #fff, 554px 1809px 2px #fff, 770px 1327px 2px #fff, 1736px 1798px 2px #fff, 1788px 1964px 2px #fff, 1476px 298px 2px #fff, 1648px 1441px 2px #fff, 1296px 1671px 2px #fff, 794px 1107px 2px #fff, 1542px 310px 2px #fff, 893px 1368px 2px #fff, 697px 823px 2px #fff, 1155px 208px 2px #fff, 1282px 625px 2px #fff, 1912px 666px 2px #fff, 1109px 638px 2px #fff, 1262px 627px 2px #fff, 202px 118px 2px #fff, 1511px 572px 2px #fff, 1268px 443px 2px #fff, 628px 540px 2px #fff, 1932px 276px 2px #fff, 1204px 120px 2px #fff, 1293px 361px 2px #fff, 801px 238px 2px #fff, 1293px 277px 2px #fff, 225px 896px 2px #fff, 1531px 1909px 2px #fff, 884px 581px 2px #fff, 211px 527px 2px #fff, 1354px 534px 2px #fff, 1296px 274px 2px #fff, 1941px 1143px 2px #fff, 1473px 787px 2px #fff, 33px 185px 2px #fff, 84px 1317px 2px #fff, 31px 17px 2px #fff, 1201px 67px 2px #fff, 1723px 1688px 2px #fff, 744px 160px 2px #fff, 834px 1331px 2px #fff, 1056px 532px 2px #fff, 876px 324px 2px #fff, 1568px 100px 2px #fff, 1948px 61px 2px #fff, 1399px 425px 2px #fff, 577px 69px 2px #fff, 1970px 467px 2px #fff, 1909px 137px 2px #fff, 317px 1495px 2px #fff, 1742px 1670px 2px #fff, 1070px 1497px 2px #fff, 1246px 1184px 2px #fff, 546px 327px 2px #fff, 1559px 1863px 2px #fff, 1726px 155px 2px #fff, 450px 1593px 2px #fff, 1283px 126px 2px #fff, 313px 1039px 2px #fff, 1098px 1405px 2px #fff, 208px 1559px 2px #fff, 1115px 460px 2px #fff, 461px 1581px 2px #fff, 414px 123px 2px #fff, 129px 1554px 2px #fff, 837px 404px 2px #fff, 1753px 1286px 2px #fff, 1562px 586px 2px #fff, 752px 1733px 2px #fff, 99px 798px 2px #fff, 1675px 184px 2px #fff, 836px 749px 2px #fff, 55px 1585px 2px #fff, 628px 970px 2px #fff, 941px 1189px 2px #fff, 1112px 397px 2px #fff, 299px 1651px 2px #fff, 473px 1312px 2px #fff, 474px 40px 2px #fff, 267px 150px 2px #fff, 1012px 1744px 2px #fff, 116px 736px 2px #fff, 481px 1195px 2px #fff, 1948px 1557px 2px #fff, 193px 1791px 2px #fff, 1609px 681px 2px #fff, 582px 1031px 2px #fff, 262px 1056px 2px #fff, 556px 1657px 2px #fff, 211px 304px 2px #fff, 1601px 485px 2px #fff, 508px 1984px 2px #fff, 249px 176px 2px #fff, 457px 181px 2px #fff, 1585px 1938px 2px #fff, 885px 120px 2px #fff, 729px 163px 2px #fff, 651px 1px 2px #fff, 1527px 1708px 2px #fff, 477px 1272px 2px #fff, 206px 590px 2px #fff, 1332px 733px 2px #fff, 1062px 1780px 2px #fff, 823px 808px 2px #fff, 1564px 973px 2px #fff, 1901px 1870px 2px #fff, 1667px 1323px 2px #fff, 596px 441px 2px #fff, 469px 860px 2px #fff, 1335px 1866px 2px #fff, 100px 479px 2px #fff, 441px 991px 2px #fff, 1718px 1875px 2px #fff, 1904px 1115px 2px #fff, 1019px 1356px 2px #fff, 195px 1051px 2px #fff, 498px 1997px 2px #fff, 659px 1640px 2px #fff, 844px 200px 2px #fff, 974px 1525px 2px #fff, 1017px 774px 2px #fff, 164px 1054px 2px #fff, 1708px 1813px 2px #fff, 83px 823px 2px #fff, 1643px 1730px 2px #fff, 1075px 559px 2px #fff, 1176px 1825px 2px #fff, 1709px 1959px 2px #fff, 1425px 537px 2px #fff, 1323px 1513px 2px #fff, 1534px 1079px 2px #fff, 1173px 92px 2px #fff, 1040px 1811px 2px #fff, 191px 70px 2px #fff, 1330px 350px 2px #fff, 1027px 384px 2px #fff, 687px 696px 2px #fff, 1923px 1072px 2px #fff, 1176px 1800px 2px #fff, 608px 1516px 2px #fff, 597px 1737px 2px #fff, 1254px 1043px 2px #fff, 311px 116px 2px #fff, 1464px 669px 2px #fff, 1226px 1027px 2px #fff, 1995px 854px 2px #fff, 1438px 342px 2px #fff, 1517px 635px 2px #fff, 1910px 1607px 2px #fff, 202px 2px 2px #fff, 1315px 1985px 2px #fff, 1004px 601px 2px #fff, 1377px 978px 2px #fff, 1715px 1296px 2px #fff, 564px 282px 2px #fff, 1493px 137px 2px #fff, 334px 138px 2px #fff, 905px 659px 2px #fff, 1563px 5px 2px #fff, 1163px 326px 2px #fff, 262px 1607px 2px #fff, 1545px 1810px 2px #fff, 1306px 1581px 2px #fff, 653px 1125px 2px #fff, 1304px 974px 2px #fff, 768px 517px 2px #fff, 1019px 924px 2px #fff, 1857px 317px 2px #fff, 1319px 1815px 2px #fff, 1567px 1212px 2px #fff, 1202px 1721px 2px #fff, 405px 278px 2px #fff, 1320px 1191px 2px #fff, 1034px 1560px 2px #fff, 1209px 364px 2px #fff, 1479px 529px 2px #fff, 1947px 1208px 2px #fff, 1934px 631px 2px #fff, 1698px 1438px 2px #fff, 1596px 338px 2px #fff, 1052px 1338px 2px #fff, 1540px 1416px 2px #fff, 422px 1423px 2px #fff, 672px 1334px 2px #fff, 988px 38px 2px #fff, 1022px 297px 2px #fff, 1682px 253px 2px #fff, 1006px 55px 2px #fff, 1294px 448px 2px #fff, 792px 220px 2px #fff
}

#stars:after {
    content: "";
    top: 200rem
}

#stars2 {
    animation: animStar 100s linear infinite
}

#stars2,
#stars2:after {
    position: absolute;
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background: transparent;
    z-index: -1;
    box-shadow: 659px 1636px 2px #fff, 1452px 345px 2px #fff, 1123px 240px 2px #fff, 725px 527px 2px #fff, 1263px 1487px 2px #fff, 333px 841px 2px #fff, 1548px 1626px 2px #fff, 859px 1711px 2px #fff, 579px 1963px 2px #fff, 1911px 779px 2px #fff, 1078px 538px 2px #fff, 1162px 1467px 2px #fff, 1034px 1169px 2px #fff, 599px 1623px 2px #fff, 1483px 1308px 2px #fff, 1417px 1100px 2px #fff, 724px 647px 2px #fff, 905px 71px 2px #fff, 726px 1515px 2px #fff, 893px 660px 2px #fff, 788px 1505px 2px #fff, 590px 1990px 2px #fff, 275px 1360px 2px #fff, 678px 1901px 2px #fff, 1149px 1028px 2px #fff, 1721px 365px 2px #fff, 1923px 229px 2px #fff, 1433px 1591px 2px #fff, 216px 1526px 2px #fff, 1068px 875px 2px #fff, 1274px 611px 2px #fff, 1588px 1706px 2px #fff, 825px 160px 2px #fff, 732px 1394px 2px #fff, 377px 212px 2px #fff, 164px 935px 2px #fff, 548px 1624px 2px #fff, 1147px 812px 2px #fff, 127px 1009px 2px #fff, 409px 112px 2px #fff, 950px 1643px 2px #fff, 1171px 611px 2px #fff, 449px 549px 2px #fff, 930px 1287px 2px #fff, 742px 1046px 2px #fff, 873px 547px 2px #fff, 609px 1026px 2px #fff, 1160px 1312px 2px #fff, 1173px 585px 2px #fff, 963px 887px 2px #fff, 325px 620px 2px #fff, 1842px 1407px 2px #fff, 549px 823px 2px #fff, 144px 1996px 2px #fff, 1918px 365px 2px #fff, 119px 1768px 2px #fff, 1745px 1904px 2px #fff, 1930px 1852px 2px #fff, 1831px 1956px 2px #fff, 377px 1567px 2px #fff, 1684px 481px 2px #fff, 300px 1805px 2px #fff, 1808px 1661px 2px #fff, 1084px 155px 2px #fff, 1308px 376px 2px #fff, 1294px 1147px 2px #fff, 911px 196px 2px #fff, 959px 319px 2px #fff, 642px 529px 2px #fff, 1615px 166px 2px #fff, 1771px 1130px 2px #fff, 418px 1079px 2px #fff, 611px 1098px 2px #fff, 1205px 737px 2px #fff, 1178px 1969px 2px #fff, 1053px 1239px 2px #fff, 1319px 1483px 2px #fff, 1545px 1158px 2px #fff, 1447px 154px 2px #fff, 801px 683px 2px #fff, 1373px 1806px 2px #fff, 983px 1788px 2px #fff, 838px 1470px 2px #fff, 833px 689px 2px #fff, 498px 849px 2px #fff, 847px 579px 2px #fff, 218px 1024px 2px #fff, 1317px 1743px 2px #fff, 596px 514px 2px #fff, 1807px 115px 2px #fff, 1432px 1285px 2px #fff, 1765px 1733px 2px #fff, 101px 149px 2px #fff, 295px 449px 2px #fff, 1366px 1605px 2px #fff, 544px 1878px 2px #fff, 1010px 1432px 2px #fff, 102px 316px 2px #fff, 1667px 975px 2px #fff, 1911px 1743px 2px #fff, 1508px 1206px 2px #fff, 116px 612px 2px #fff, 1527px 245px 2px #fff, 1146px 609px 2px #fff, 1489px 1369px 2px #fff, 1276px 431px 2px #fff, 930px 239px 2px #fff, 30px 137px 2px #fff, 1513px 1060px 2px #fff, 1125px 436px 2px #fff, 890px 1028px 2px #fff, 1912px 735px 2px #fff, 396px 943px 2px #fff, 358px 1435px 2px #fff, 398px 73px 2px #fff, 1238px 885px 2px #fff, 1733px 1272px 2px #fff, 92px 1459px 2px #fff, 13px 1841px 2px #fff, 161px 372px 2px #fff, 641px 847px 2px #fff, 1158px 128px 2px #fff, 1721px 361px 2px #fff, 129px 1939px 2px #fff, 1392px 1650px 2px #fff, 706px 1916px 2px #fff, 1046px 882px 2px #fff, 1847px 651px 2px #fff, 1052px 1916px 2px #fff, 364px 1118px 2px #fff, 617px 979px 2px #fff, 1401px 435px 2px #fff, 1820px 1941px 2px #fff, 1966px 1043px 2px #fff, 1550px 373px 2px #fff, 415px 1549px 2px #fff, 1198px 1808px 2px #fff, 1579px 816px 2px #fff, 888px 715px 2px #fff, 429px 1877px 2px #fff, 1341px 1099px 2px #fff, 1846px 1100px 2px #fff, 1606px 395px 2px #fff, 1393px 1370px 2px #fff, 1488px 1193px 2px #fff, 1850px 442px 2px #fff, 819px 1705px 2px #fff, 1370px 1889px 2px #fff, 971px 1582px 2px #fff, 1844px 1280px 2px #fff, 1228px 618px 2px #fff, 762px 480px 2px #fff, 512px 518px 2px #fff, 524px 713px 2px #fff, 1602px 1873px 2px #fff, 944px 1585px 2px #fff, 787px 531px 2px #fff, 1736px 1364px 2px #fff, 1211px 978px 2px #fff, 990px 1186px 2px #fff, 1513px 1344px 2px #fff, 580px 123px 2px #fff, 984px 1837px 2px #fff, 1471px 30px 2px #fff, 619px 1441px 2px #fff, 217px 43px 2px #fff, 54px 1172px 2px #fff, 1671px 13px 2px #fff, 1085px 58px 2px #fff, 1733px 1503px 2px #fff, 1484px 1702px 2px #fff, 1233px 1770px 2px #fff, 1768px 1002px 2px #fff, 350px 1047px 2px #fff, 912px 1349px 2px #fff, 774px 1420px 2px #fff, 402px 121px 2px #fff, 394px 1260px 2px #fff, 1587px 1811px 2px #fff, 433px 1884px 2px #fff, 1850px 731px 2px #fff, 1524px 1426px 2px #fff, 1932px 379px 2px #fff, 1321px 1926px 2px #fff, 1063px 92px 2px #fff, 181px 986px 2px #fff, 1733px 1790px 2px #fff, 955px 1350px 2px #fff, 799px 1422px 2px #fff, 138px 611px 2px #fff, 1571px 977px 2px #fff, 1827px 22px 2px #fff, 1564px 744px 2px #fff, 1639px 321px 2px #fff, 976px 689px 2px #fff, 1351px 1777px 2px #fff, 1392px 1198px 2px #fff, 421px 822px 2px #fff, 1182px 758px 2px #fff, 1343px 939px 2px #fff;
    opacity: .2
}

#stars2:after {
    content: "";
    top: 200rem
}

#stars3 {
    animation: animStar 150s linear infinite
}

#stars3,
#stars3:after {
    position: absolute;
    width: .4rem;
    height: .4rem;
    background: transparent;
    z-index: -1;
    box-shadow: 1702px 1111px 2px #fff, 1546px 1087px 2px #fff, 345px 287px 2px #fff, 847px 1645px 2px #fff, 328px 1758px 2px #fff, 1474px 1585px 2px #fff, 1298px 924px 2px #fff, 949px 965px 2px #fff, 200px 994px 2px #fff, 1626px 1563px 2px #fff, 65px 1035px 2px #fff, 930px 1923px 2px #fff, 443px 1442px 2px #fff, 629px 1396px 2px #fff, 126px 685px 2px #fff, 1808px 1478px 2px #fff, 1430px 1295px 2px #fff, 487px 974px 2px #fff, 1680px 1849px 2px #fff, 1611px 1657px 2px #fff, 1100px 1655px 2px #fff, 263px 1780px 2px #fff, 155px 1260px 2px #fff, 349px 1614px 2px #fff, 1369px 1980px 2px #fff, 1963px 169px 2px #fff, 1292px 202px 2px #fff, 234px 1245px 2px #fff, 332px 922px 2px #fff, 1764px 1454px 2px #fff, 293px 1477px 2px #fff, 1058px 626px 2px #fff, 1426px 232px 2px #fff, 680px 179px 2px #fff, 683px 882px 2px #fff, 1463px 1555px 2px #fff, 481px 1833px 2px #fff, 1217px 462px 2px #fff, 360px 618px 2px #fff, 1778px 616px 2px #fff, 811px 1310px 2px #fff, 1564px 727px 2px #fff, 1276px 154px 2px #fff, 363px 1032px 2px #fff, 64px 675px 2px #fff, 1636px 65px 2px #fff, 1512px 1340px 2px #fff, 1333px 1636px 2px #fff, 989px 211px 2px #fff, 248px 1388px 2px #fff, 1388px 1928px 2px #fff, 683px 621px 2px #fff, 815px 1917px 2px #fff, 1189px 652px 2px #fff, 1643px 1088px 2px #fff, 117px 1133px 2px #fff, 937px 1734px 2px #fff, 417px 1842px 2px #fff, 1969px 1043px 2px #fff, 565px 1088px 2px #fff, 913px 1033px 2px #fff, 1965px 969px 2px #fff, 179px 773px 2px #fff, 1679px 96px 2px #fff, 670px 1664px 2px #fff, 1710px 1291px 2px #fff, 1257px 400px 2px #fff, 210px 269px 2px #fff, 1962px 386px 2px #fff, 1114px 848px 2px #fff, 1987px 295px 2px #fff, 152px 747px 2px #fff, 1498px 1044px 2px #fff, 502px 1889px 2px #fff, 1256px 1156px 2px #fff, 1484px 886px 2px #fff, 1709px 1112px 2px #fff, 53px 341px 2px #fff, 1624px 1102px 2px #fff, 493px 371px 2px #fff, 1756px 1601px 2px #fff, 531px 1851px 2px #fff, 906px 980px 2px #fff, 53px 369px 2px #fff, 1203px 1353px 2px #fff, 663px 1671px 2px #fff, 1076px 555px 2px #fff, 1015px 1382px 2px #fff, 1813px 1606px 2px #fff, 1051px 109px 2px #fff, 44px 299px 2px #fff, 1886px 224px 2px #fff, 1797px 717px 2px #fff, 1247px 1056px 2px #fff, 413px 708px 2px #fff, 258px 187px 2px #fff, 465px 428px 2px #fff, 1017px 1641px 2px #fff, 523px 1257px 2px #fff, 508px 676px 2px #fff;
    border-radius: 50%;
    opacity: .4
}

#stars3:after {
    content: "";
    top: 200rem
}

@keyframes animStar {
    0% {
        transform: translateY(-200rem)
    }
    to {
        transform: translateY(0)
    }
}

.night-body {
    height: 100vh;
    width: 100%;
    overflow: hidden;
    display: flex;
    font-family: Anton, sans-serif;
    justify-content: center;
    align-items: flex-start;
    position: fixed;
    top: 0;
    z-index: -1
}

.night {
    position: relative;
    width: 100%;
    height: 100vw;
    transform: rotate(45deg);
    z-index: 0;
    top: 0;
    left: 80%;
    opacity: 1.2;
}

.shooting_star {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2px;
    background: linear-gradient(-45deg, #919191, rgba(0, 0, 255, 0));
    border-radius: 999px;
    filter: drop-shadow(0 0 6px #f2f2f2);
    z-index: 0;
    animation: tail 3s ease-in-out infinite, shooting 3s ease-in-out infinite
}

.shooting_star:after,
.shooting_star:before {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    height: 2px;
    background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #f2f2f2, rgba(0, 0, 255, 0));
    transform: translateX(50%) rotate(45deg);
    border-radius: 100%;
    animation: shining 3s ease-in-out infinite
}

.shooting_star:after {
    transform: translateX(50%) rotate(-45deg)
}

.shooting_star:first-child {
    top: calc(100% - 554px);
    left: calc(50% - 1033px);
    animation-delay: 4653ms;
    opacity: .92
}

.shooting_star:first-child:after,
.shooting_star:first-child:before {
    animation-delay: 4653ms
}

.shooting_star:nth-child(2) {
    top: calc(100% - 439px);
    left: calc(50% - 1379px);
    animation-delay: 7522ms;
    opacity: .73
}

.shooting_star:nth-child(2):after,
.shooting_star:nth-child(2):before {
    animation-delay: 7522ms
}

.shooting_star:nth-child(3) {
    top: calc(100% - 530px);
    left: calc(50% - 802px);
    animation-delay: 4653ms;
    opacity: 1
}

.shooting_star:nth-child(3):after,
.shooting_star:nth-child(3):before {
    animation-delay: 4653ms
}

.shooting_star:nth-child(4) {
    top: calc(100% - 987px);
    left: calc(50% - 521px);
    animation-delay: 3329ms;
    opacity: .72
}

.shooting_star:nth-child(4):after,
.shooting_star:nth-child(4):before {
    animation-delay: 3329ms
}

.shooting_star:nth-child(5) {
    top: calc(100% - -119px);
    left: calc(50% - 331px);
    animation-delay: 2034ms;
    opacity: .95
}

.shooting_star:nth-child(5):after,
.shooting_star:nth-child(5):before {
    animation-delay: 2034ms
}

.shooting_star:nth-child(6) {
    top: calc(100% - 403px);
    left: calc(50% - 602px);
    animation-delay: 439ms;
    opacity: .87
}

.shooting_star:nth-child(6):after,
.shooting_star:nth-child(6):before {
    animation-delay: 439ms
}

.shooting_star:nth-child(7) {
    top: calc(100% - 716px);
    left: calc(50% - 1378px);
    animation-delay: 7312ms;
    opacity: .73
}

.shooting_star:nth-child(7):after,
.shooting_star:nth-child(7):before {
    animation-delay: 7312ms
}

.shooting_star:nth-child(8) {
    top: calc(100% - 1091px);
    left: calc(50% - 407px);
    animation-delay: 3386ms;
    opacity: .85
}

.shooting_star:nth-child(8):after,
.shooting_star:nth-child(8):before {
    animation-delay: 3386ms
}

.shooting_star:nth-child(9) {
    top: calc(100% - 788px);
    left: calc(50% - 1048px);
    animation-delay: 532ms;
    opacity: .61
}

.shooting_star:nth-child(9):after,
.shooting_star:nth-child(9):before {
    animation-delay: 532ms
}

.shooting_star:nth-child(10) {
    top: calc(100% - 327px);
    left: calc(50% - 25px);
    animation-delay: 8667ms;
    opacity: .72
}

.shooting_star:nth-child(10):after,
.shooting_star:nth-child(10):before {
    animation-delay: 8667ms
}

.shooting_star:nth-child(11) {
    top: calc(100% - -135px);
    left: calc(50% - 159px);
    animation-delay: 5306ms;
    opacity: .66
}

.shooting_star:nth-child(11):after,
.shooting_star:nth-child(11):before {
    animation-delay: 5306ms
}

.shooting_star:nth-child(12) {
    top: calc(100% - 370px);
    left: calc(50% - 1411px);
    animation-delay: 4943ms;
    opacity: .77
}

.shooting_star:nth-child(12):after,
.shooting_star:nth-child(12):before {
    animation-delay: 4943ms
}

.shooting_star:nth-child(13) {
    top: calc(100% - 992px);
    left: calc(50% - 266px);
    animation-delay: 2728ms;
    opacity: .82
}

.shooting_star:nth-child(13):after,
.shooting_star:nth-child(13):before {
    animation-delay: 2728ms
}

.shooting_star:nth-child(14) {
    top: calc(100% - -30px);
    left: calc(50% - 1448px);
    animation-delay: 4355ms;
    opacity: .99
}

.shooting_star:nth-child(14):after,
.shooting_star:nth-child(14):before {
    animation-delay: 4355ms
}

.shooting_star:nth-child(15) {
    top: calc(100% - -102px);
    left: calc(50% - 1528px);
    animation-delay: 7448ms;
    opacity: .59
}

.shooting_star:nth-child(15):after,
.shooting_star:nth-child(15):before {
    animation-delay: 7448ms
}

.shooting_star:nth-child(16) {
    top: calc(100% - 513px);
    left: calc(50% - 180px);
    animation-delay: 3289ms;
    opacity: .82
}

.shooting_star:nth-child(16):after,
.shooting_star:nth-child(16):before {
    animation-delay: 3289ms
}

.shooting_star:nth-child(17) {
    top: calc(100% - 470px);
    left: calc(50% - 1461px);
    animation-delay: .43s;
    opacity: .89
}

.shooting_star:nth-child(17):after,
.shooting_star:nth-child(17):before {
    animation-delay: .43s
}

.shooting_star:nth-child(18) {
    top: calc(100% - 190px);
    left: calc(50% - 886px);
    animation-delay: 1521ms;
    opacity: .66
}

.shooting_star:nth-child(18):after,
.shooting_star:nth-child(18):before {
    animation-delay: 1521ms
}

.shooting_star:nth-child(19) {
    top: calc(100% - 1096px);
    left: calc(50% - 468px);
    animation-delay: 9971ms;
    opacity: .89
}

.shooting_star:nth-child(19):after,
.shooting_star:nth-child(19):before {
    animation-delay: 9971ms
}

.shooting_star:nth-child(20) {
    top: calc(100% - -100px);
    left: calc(50% - 99px);
    animation-delay: 5876ms;
    opacity: .52
}

.shooting_star:nth-child(20):after,
.shooting_star:nth-child(20):before {
    animation-delay: 5876ms
}

@keyframes tail {
    0% {
        width: 0
    }
    30% {
        width: 100px
    }
    to {
        width: 0
    }
}

@keyframes shining {
    0% {
        width: 0
    }
    50% {
        width: 30px
    }
    to {
        width: 0
    }
}

@keyframes shooting {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(300px)
    }
}

@keyframes sky {
    0% {
        transform: rotate(45deg)
    }
    to {
        transform: rotate(405deg)
    }
}

@keyframes hot {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

.post-thumbnail>img{
    max-width: 100% !important;
    height: auto !important;
}
.article-page>.post-thumbnail>img{
    max-width: 50% !important;
    height: auto !important;
}

.post-content a{
    color: #ffd400 !important;
}

.post-content a:hover{
    color: #dbb703 !important;
    text-decoration: none;
}

.article-slider .slick-list {
    padding: 15px 0 !important;
  }
  
  .article-slider .single-slide {
    margin: 0 12px;
  }
  
  
  
  .blog__meta{
    list-style-type: none;
  }
  
  .blog__meta a{
    color: #ff4052;
  }
  
  .blog__meta a:hover{
    color: #dc3545 !important;
    text-decoration: none;
  }
  
  .blog-item__content a{
    color: #ff4052;
  }
  
  .blog-item__content a:hover{
    color: #dc3545 !important;
    text-decoration: none;
  }
  
  .blog-item__thumb img {
    width: 100%;
    height: 100%;
  }
  
  .blog-item__thumb:hover img {
    transform: scale(1.1);
  }
  
  
  .blog-item {
    border-radius: 20px;
    overflow: hidden;
    background: none;
    padding: 20px;
    box-shadow: 0 0 12px 2px rgb(167 136 88);
    border: 2px solid #d9af71;
  }
  
  .blog-item__content {
    padding: 5px;
    padding-top: 25px;
    padding-bottom: 0;
  }
  .settext {
    background-color: #ffc107 !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.settext a:hover{
    background-color: #ffc107 !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


    .swiper {
        width: 100%;
        height: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: none;
        padding: 20px !important;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .swiper-pagination-bullet {
        background-color: white !important;
        width: 17px !important;
        height: 17px !important;
   }
   .swiper-pagination-bullet-active  {
    background-color: #ffc107 !important;
    width: 17px !important;
    height: 17px !important;
}

.swiper-button-prev{
    left: 35px !important;
    right: auto ;
    color: #ffffff2e !important;
}

.swiper-button-next{
    right: 35px !important;
    left: auto ;
    color: #ffffff2e !important;
}

.article-page .entry-content h1 {
    color: red !important;
    font-size: 1.35rem;
    margin-top: 0.5rem !important;
  }
  
.article-page .entry-content h2 {
    color: red !important;
    font-size: 1.3rem;
    margin-top: 0.5rem;
  }
  
.article-page .entry-content h3 {
    color: red !important;
    font-size: 1.2rem;
    margin-top: 0.5rem;
  }
  
.article-page .entry-content h4 {
    color: red !important;
    font-size: 1.15rem;
    margin-top: 0.5rem;
  }
  
  .content-post h1 {
    color: red !important;
    font-size: 1.3rem;
    margin-top: 0.5rem;
    text-align: start !important;
  }
  
  .content-post h2 {
    color: red !important;
    font-size: 1.25rem;
    margin-top: 0.5rem;
    text-align: start !important;
  }
  
  .content-post h3 {
    color: red !important;
    font-size: 1.2rem;
    margin-top: 0.5rem;
    text-align: start !important;
  }
  
  .content-post h4 {
    color: red !important;
    font-size: 1.15rem;
    margin-top: 0.5rem;
    text-align: start !important;
  }
  
  .content-post h5 {
    color: red !important;
    font-size: 1.05rem;
    margin-top: 0.5rem;
    text-align: start !important;
  }
  
  .wp-element-caption{
    text-align: center !important;
  }

.article-page .entry-header {
	margin-bottom: 40px;
} 

.article-page .post-thumbnail img{
	display: none;
}

@media screen and (min-width: 1024px) {
    .article-page .post-content {
      padding: 0 40px;
      text-align: start;
    }
  }
  
  @media screen and (min-width: 1200px) {
    .article-page .post-content {
      padding: 0 220px;
      text-align: start;
    }
  }
    .article-page .post-content {
      text-align: start;
    }

.settext{
    display: -webkit-box;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  line-height: 2.5rem !important;
  }
  
    .blog-item__content p{
        display: -webkit-box !important;
    -webkit-line-clamp: 2 ;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
      }

      .article-post{
        margin: 0 auto !important;
      }

      .nav-links a{
        color: #ffc107!important;
        
      }
      .nav-links a:hover{
        color:white  !important;
      }

      .h-article{
        font-size: 18px !important;
    color: red !important;
      }

      .h5-article{
       font-size: 1.25rem !important;
      }



      .cat_in_post ,.tag_in_post{
        text-align: start !important;
    }
    
      .cat_in_post span,.tag_in_post span{
        align-items: center;
        background-color: #af9058 !important;
        border-radius: 4px;
        color: #fff !important;
        display: inline-flex;
        font-weight: 600;
        font-size: 0.85rem;
        height: 2em;
        justify-content: center;
        line-height: 1.5;
        padding-left: 0.75em;
        padding-right: 0.75em;
        white-space: nowrap;
    }
    
    
    .cat_in_post a,.tag_in_post a{
        align-items: center;
        background-color: #525252 !important;
        border-radius: 4px;
        color: #fff !important;
        display: inline-flex;
        font-weight: 600;
        font-size: 0.85rem;
        height: 2em;
        justify-content: center;
        line-height: 1.5;
        padding-left: 0.75em;
        padding-right: 0.75em;
        white-space: nowrap;
        margin-bottom: 20px !important;
    }
    
    .cat_in_post a:hover,.tag_in_post a:hover{
        background-color: #fff !important;
        color: #af9058 !important;
      }

      .color-red{
        color: red !important;
      }

      .article-page-title,
      .article-page-des {
        font-size: 1.5rem !important;;
        background-image: linear-gradient(253deg, #fef4b6 , yellow) !important;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      
      .archive-page-title,
      .archive-page-des {
        font-size: 1.5rem !important;
        color: red !important;
      }

      h3{
        color: red !important;
      }
      
    

/* jayplus modern SEO refresh */
:root {
  --bg: #070709;
  --surface: rgba(18, 18, 22, 0.88);
  --surface-soft: rgba(255, 255, 255, 0.07);
  --border: rgba(255, 255, 255, 0.14);
  --gold: #f7c948;
  --red: #dc2626;
  --red-dark: #7f1111;
  --mint: #39d6c0;
  --text: #ffffff;
  --muted: #d8d8df;
}

html {
  scroll-behavior: smooth;
}

body {
  background:
    linear-gradient(180deg, rgba(7, 7, 9, 0.78), rgba(7, 7, 9, 0.98)),
    url(/wp-content/themes/jayplus/More/img/bg.webp) center top / cover fixed no-repeat,
    var(--bg) !important;
  color: var(--text) !important;
  text-rendering: optimizeLegibility;
}

body p,
body li {
  color: var(--muted);
  line-height: 1.85;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  transition: color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

a:hover {
  border-bottom: 0 !important;
}

.-bg-title {
  background: rgba(5, 5, 7, 0.86) !important;
  border-bottom: 1px solid rgba(247, 201, 72, 0.22);
  backdrop-filter: blur(16px);
}

.hero {
  position: relative;
  overflow: hidden;
  padding: 1.5rem 0 2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.hero .-main-content {
  margin-top: 0.75rem !important;
  padding: 0.5rem 0 0;
}

.hero__intro {
  max-width: 640px;
  margin: 0 auto;
}

.hero h1,
.hero__title {
  margin: 0 0 1rem;
  color: #fff !important;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1.22;
}

.hero__lead {
  margin: 0 auto 1.25rem;
  max-width: 620px;
  color: #f0eef6 !important;
  font-size: 1.08rem !important;
}

.hero__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  justify-content: center;
  margin: 0 0 1.35rem;
}

.hero__badges span {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0.45rem 0.85rem;
  border: 1px solid rgba(247, 201, 72, 0.34);
  border-radius: 8px;
  background: rgba(247, 201, 72, 0.1);
  color: #ffe9a3;
  font-size: 0.92rem;
  font-weight: 700;
}

.hero__media {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.hero__media img,
.hero img[src*="header.png"] {
  max-height: 430px;
  object-fit: contain;
  filter: drop-shadow(0 22px 32px rgba(0, 0, 0, 0.48));
}

.animated-button1,
.-btn-main-login,
.-btn-main-contact {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 8px !important;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28);
}

.animated-button1 {
  width: 100%;
  background: linear-gradient(135deg, #f7c948 0%, #f97316 48%, #dc2626 100%);
  color: #170b05 !important;
  padding: 0.95rem 1.2rem !important;
}

.animated-button1:hover,
.-btn-main-login:hover,
.-btn-main-contact:hover {
  transform: translateY(-2px);
  text-decoration: none;
}

.-btn-main-login {
  background: linear-gradient(135deg, var(--red) 0%, var(--red-dark) 100%) !important;
  color: #fff !important;
}

.-btn-main-contact {
  background: linear-gradient(135deg, #1d1f25 0%, #3a3d46 100%) !important;
  color: #fff !important;
}

.-main-promotion {
  margin: 1.25rem auto 0;
}

.seo-section-title,
.-article h2,
.-games h2 {
  color: #fff !important;
  font-weight: 800;
  line-height: 1.38;
}

.seo-section-title {
  display: inline-flex;
  padding: 0.55rem 0.9rem;
  border: 1px solid rgba(247, 201, 72, 0.24);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
}

.-main-promotion img,
.img-border,
.blog-item {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.32);
}

.-main-promotion img,
.img-border {
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.-main-promotion a:hover img,
.img-border:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 44px rgba(220, 38, 38, 0.22);
}

.-article {
  margin: 2.75rem auto 0;
  max-width: 1120px;
  padding: 0 1rem;
}

.-article p {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.-article .text-warning,
.settext,
.settext a {
  color: var(--gold) !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor;
}

.-bg-content,
.-games {
  background:
    linear-gradient(180deg, rgba(18, 18, 22, 0.92) 0%, rgba(8, 8, 10, 0.98) 100%) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.-bg-content {
  padding: 3rem 0;
}

.-games {
  padding: 3.25rem 0 !important;
}

.-games h3,
.-games h5,
.-article h3,
.-article h4,
main h3 {
  color: #ffe08a !important;
  font-weight: 800;
}

.blog-item {
  height: 100%;
  overflow: hidden;
}

.blog-item__content {
  padding: 1rem !important;
}

.blog-item__content p {
  color: var(--muted) !important;
}

.swiper-slide {
  align-items: stretch !important;
}

.swiper-button-prev,
.swiper-button-next {
  color: var(--gold) !important;
}

.swiper-pagination-bullet {
  width: 10px !important;
  height: 10px !important;
  background: rgba(255, 255, 255, 0.72) !important;
}

.swiper-pagination-bullet-active {
  background: var(--gold) !important;
}

.nav-mobile {
  background: rgba(12, 12, 15, 0.96);
  border: 1px solid rgba(247, 201, 72, 0.18);
  border-bottom: 0;
  backdrop-filter: blur(14px);
}

.nav-mobile small {
  color: #fff;
  font-size: 0.72rem;
}

footer {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: #060607 !important;
}

#btn_top {
  border-radius: 8px;
  background: var(--red);
}

@media (min-width: 992px) {
  .hero {
    padding: 1.25rem 0 2.5rem;
  }

  .hero__intro {
    margin-left: 0;
  }

  .hero h1,
  .hero__title {
    font-size: 3rem;
  }

  .hero__badges {
    justify-content: flex-start;
  }

}

@media (max-width: 991.98px) {
  .hero h1,
  .hero__title {
    font-size: 2rem;
  }

  .hero__media img,
  .hero img[src*="header.png"] {
    max-height: 390px;
  }

}

@media (max-width: 575.98px) {
  body {
    padding-bottom: 78px;
  }

  .hero {
    padding-top: 0.75rem;
  }

  .hero__copy {
    order: 1;
  }

  .hero__media {
    order: 2;
  }

  .hero h1,
  .hero__title {
    font-size: 1.45rem;
    overflow-wrap: anywhere;
  }

  .hero__lead {
    font-size: 0.92rem !important;
  }

  .hero__media img,
  .hero img[src*="header.png"] {
    max-height: 275px;
    margin-top: 1rem;
  }

  .animated-button1,
  .-btn-main-login,
  .-btn-main-contact {
    width: 100%;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .hero__badges span {
    min-height: 34px;
    padding: 0.35rem 0.65rem;
  }

  .-article,
  .-games {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

/* jayplus complete redesign */
.site-v2 {
  --v2-bg: #07080d;
  --v2-bg-soft: #10131c;
  --v2-panel: rgba(255, 255, 255, 0.075);
  --v2-panel-strong: rgba(255, 255, 255, 0.12);
  --v2-border: rgba(255, 255, 255, 0.14);
  --v2-text: #ffffff;
  --v2-muted: #c8ccd8;
  --v2-gold: #f5c84b;
  --v2-red: #e32f2f;
  --v2-cyan: #55d7d0;
  --v2-shadow: 0 24px 70px rgba(0, 0, 0, 0.36);
  background:
    radial-gradient(circle at 18% 12%, rgba(85, 215, 208, 0.22), transparent 28rem),
    radial-gradient(circle at 82% 5%, rgba(227, 47, 47, 0.2), transparent 24rem),
    linear-gradient(180deg, #08090f 0%, #10131c 42%, #08090f 100%);
  min-height: 100vh;
  overflow: hidden;
}

.site-v2 a:hover {
  text-decoration: none;
}

.header-v2 {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(7, 8, 13, 0.86);
  border-bottom: 1px solid var(--v2-border);
  backdrop-filter: blur(18px);
}

.nav-v2__inner {
  display: flex;
  align-items: center;
  min-height: 78px;
  gap: 1.25rem;
}

.nav-v2__brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

.nav-v2__brand img {
  width: min(220px, 48vw);
  max-height: 58px;
  object-fit: contain;
}

.nav-v2__toggle {
  margin-left: auto;
  border: 1px solid var(--v2-border);
  color: var(--v2-text);
}

.nav-v2__menu {
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}

.nav-v2__links {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-v2__links a,
.link-v2 {
  color: var(--v2-muted) !important;
  font-weight: 700;
}

.nav-v2__links a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0.55rem 0.75rem;
  border-radius: 8px;
}

.nav-v2__links a:hover,
.link-v2:hover {
  color: var(--v2-gold) !important;
}

.nav-v2__actions,
.hero-v2__actions,
.footer-v2__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

.btn-v2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0.75rem 1rem;
  border: 1px solid transparent;
  border-radius: 8px;
  font-weight: 800;
  line-height: 1.2;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.btn-v2:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);
}

.btn-v2--primary {
  background: linear-gradient(135deg, var(--v2-gold) 0%, #ff8f3f 48%, var(--v2-red) 100%);
  color: #160b06 !important;
}

.btn-v2--ghost {
  background: rgba(255, 255, 255, 0.08);
  border-color: var(--v2-border);
  color: #fff !important;
}

.btn-v2--line {
  background: linear-gradient(135deg, #06c755 0%, #00a344 100%) !important;
  border-color: rgba(133, 255, 184, 0.55) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(6, 199, 85, 0.22);
}

.btn-v2--line:hover {
  border-color: rgba(185, 255, 214, 0.85) !important;
  box-shadow: 0 16px 34px rgba(6, 199, 85, 0.32);
}

.hero-v2 {
  position: relative;
  padding: 2.6rem 0 3.1rem;
}

.hero-v2__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(320px, 0.96fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 5rem);
}

.eyebrow-v2 {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 34px;
  margin-bottom: 1rem;
  padding: 0.38rem 0.7rem;
  border: 1px solid rgba(245, 200, 75, 0.24);
  border-radius: 8px;
  background: rgba(245, 200, 75, 0.1);
  color: #ffe8a3 !important;
  font-size: 0.82rem !important;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.hero-v2 h1,
#hero-title.hero-v2__title,
.hero-v2__title {
  max-width: 760px;
  margin: 2rem 0 1rem;
  color: var(--v2-text) !important;
  font-size: clamp(2.15rem, 4.45vw, 3.95rem);
  font-weight: 900;
  line-height: 1.03;
}

.hero-v2__lead {
  max-width: 650px;
  margin: 0 0 1.1rem;
  color: #eef1f8 !important;
  font-size: 1rem !important;
  line-height: 1.75;
}

.hero-v2__visual {
  position: relative;
}

.hero-v2__frame {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(245, 200, 75, 0.24);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04));
  box-shadow: var(--v2-shadow);
}

.hero-v2__frame img {
  display: block;
  width: 100%;
  object-fit: cover;
}

.hero-v2__mini-card {
  position: absolute;
  display: grid;
  gap: 0.1rem;
  max-width: 220px;
  padding: 0.85rem 1rem;
  border: 1px solid var(--v2-border);
  border-radius: 8px;
  background: rgba(9, 11, 18, 0.9);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.36);
}

.hero-v2__mini-card strong {
  color: var(--v2-gold);
}

.hero-v2__mini-card span {
  color: var(--v2-muted);
  font-size: 0.82rem;
}

.hero-v2__mini-card--top {
  top: 1rem;
  left: -1.25rem;
}

.hero-v2__mini-card--bottom {
  right: -1.25rem;
  bottom: 1.25rem;
}

.section-v2 {
  padding: 4.5rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.section-v2__heading {
  max-width: 760px;
  margin-bottom: 2rem;
}

.section-v2__heading h2,
.process-v2 h2,
.faq-v2 h2 {
  margin: 0 0 0.85rem;
  color: #fff !important;
  font-size: clamp(1.8rem, 3.2vw, 3rem);
  font-weight: 900;
  line-height: 1.2;
}

.section-v2__heading p,
.process-v2 p,
.faq-v2 p {
  color: var(--v2-muted) !important;
}

.section-v2__heading--split {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  max-width: none;
}

.section-v2__heading--split > p {
  max-width: 430px;
}

.feature-grid-v2,
.game-grid-v2,
.post-grid-v2 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.feature-card-v2,
.game-card-v2,
.post-card-v2,
.faq-list-v2 details {
  border: 1px solid var(--v2-border);
  border-radius: 8px;
  background: var(--v2-panel);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.2);
}

.feature-card-v2 {
  padding: 1.3rem;
}

.feature-card-v2__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-bottom: 1rem;
  border-radius: 8px;
  background: rgba(85, 215, 208, 0.14);
  color: var(--v2-cyan);
  font-weight: 900;
}

.feature-card-v2 h3,
.game-card-v2 h3,
.post-card-v2 h3,
.step-list-v2 h3 {
  color: #fff !important;
  font-size: 1.1rem;
  font-weight: 900;
}

.games-v2,
.content-v2 {
  background: rgba(255, 255, 255, 0.025);
}

.game-card-v2 {
  overflow: hidden;
}

.game-card-v2 a {
  position: relative;
  display: block;
  color: #fff !important;
}

.game-card-v2 img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  transition: transform 220ms ease;
}

.game-card-v2 a:hover img {
  transform: scale(1.04);
}

.game-card-v2 span {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  padding: 0.45rem 0.7rem;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.66);
  color: #fff;
  font-weight: 900;
}

.game-card-v2 p {
  margin: 0;
  padding: 1rem;
}

.process-v2__grid,
.faq-v2__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(320px, 1.2fr);
  gap: clamp(2rem, 5vw, 4rem);
  align-items: start;
}

.step-list-v2 {
  display: grid;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.step-list-v2 li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  padding: 1.2rem;
  border: 1px solid var(--v2-border);
  border-radius: 8px;
  background: var(--v2-panel);
}

.step-list-v2 span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--v2-gold), var(--v2-red));
  color: #140906;
  font-weight: 900;
}

.post-card-v2 {
  overflow: hidden;
}

.post-card-v2__thumb {
  display: block;
  background: rgba(255, 255, 255, 0.06);
}

.post-card-v2__thumb img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.post-card-v2__body {
  padding: 1.1rem;
}

.post-card-v2 h3 a {
  color: #fff !important;
}

.post-card-v2 h3 a:hover {
  color: var(--v2-gold) !important;
}

.empty-v2 {
  grid-column: 1 / -1;
  margin: 0;
  padding: 1.25rem;
  border: 1px solid var(--v2-border);
  border-radius: 8px;
  background: var(--v2-panel);
}

.faq-list-v2 {
  display: grid;
  gap: 1rem;
}

.faq-list-v2 details {
  padding: 1rem 1.1rem;
}

.faq-list-v2 summary {
  color: #fff;
  cursor: pointer;
  font-weight: 900;
}

.faq-list-v2 p {
  margin: 0.75rem 0 0;
}

.footer-v2 {
  padding: 3rem 0 1.5rem;
  border-top: 1px solid var(--v2-border);
  background: #05060a !important;
}

.footer-v2__inner,
.footer-v2__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.footer-v2__logo {
  width: 190px;
  max-width: 60vw;
  margin-bottom: 0.85rem;
}

.footer-v2__inner p,
.footer-v2__bottom p {
  max-width: 520px;
  margin: 0;
}

.footer-v2__bottom {
  margin-top: 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

  .nav-v2__menu {
    display: flex !important;
  }
}

@media (max-width: 991.98px) {
  .nav-v2__inner {
    flex-wrap: wrap;
  }

  .nav-v2__menu {
    flex-basis: 100%;
    padding: 1rem 0 1.25rem;
  }

  .nav-v2__links,
  .nav-v2__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .hero-v2 {
    padding: 2rem 0 2.75rem;
  }

  .hero-v2__grid,
  .process-v2__grid,
  .faq-v2__grid {
    grid-template-columns: 1fr;
  }

  .hero-v2__visual {
    max-width: 560px;
    margin: 0 auto;
  }

  .section-v2__heading--split {
    align-items: start;
    flex-direction: column;
  }

  .feature-grid-v2,
  .game-grid-v2,
  .post-grid-v2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .nav-v2__inner {
    min-height: 68px;
  }

  .hero-v2 {
    padding: 1.5rem 0 2.25rem;
  }

  .hero-v2__actions,
  .footer-v2__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .btn-v2 {
    width: 100%;
  }

  .hero-v2__visual {
    display: none;
  }

  .hero-v2__mini-card {
    position: static;
    max-width: none;
    margin-top: 0.75rem;
  }

  .section-v2 {
    padding: 3rem 0;
  }

  .footer-v2__inner,
  .footer-v2__bottom {
    align-items: stretch;
    flex-direction: column;
  }
}

/* jayplus softer, more natural finish */
.site-v2 {
  --v2-bg: #09090d;
  --v2-bg-soft: #151018;
  --v2-panel: rgba(255, 255, 255, 0.058);
  --v2-panel-strong: rgba(255, 255, 255, 0.095);
  --v2-border: rgba(255, 255, 255, 0.105);
  --v2-text: #fffaf2;
  --v2-muted: #d5ced2;
  --v2-gold: #f2c96b;
  --v2-red: #d84a3a;
  --v2-cyan: #8bd8cf;
  --v2-shadow: 0 22px 56px rgba(0, 0, 0, 0.28);
  background:
    linear-gradient(180deg, rgba(9, 9, 13, 0.88) 0%, rgba(15, 12, 18, 0.94) 42%, rgba(8, 8, 12, 0.98) 100%),
    url(/wp-content/themes/jayplus/More/img/bg.webp) center top / cover fixed no-repeat,
    #09090d;
}

.site-v2,
.site-v2 p,
.site-v2 a,
.site-v2 li,
.site-v2 dd,
.site-v2 summary {
  letter-spacing: 0;
}

.header-v2 {
  background: rgba(9, 9, 13, 0.72);
  border-bottom-color: rgba(242, 201, 107, 0.13);
}

.nav-v2__inner {
  min-height: 74px;
}

.nav-v2__links a {
  color: rgba(255, 250, 242, 0.78) !important;
  font-weight: 700;
}

.nav-v2__links a:hover {
  background: rgba(242, 201, 107, 0.08);
}

.btn-v2 {
  min-height: 48px;
  padding: 0.78rem 1.08rem;
  border-color: rgba(255, 255, 255, 0.12);
  font-weight: 800;
  box-shadow: none;
}

.btn-v2--primary {
  background: linear-gradient(135deg, #ffe19a 0%, #f39b57 54%, #dd5142 100%);
}

.btn-v2--ghost {
  background: rgba(255, 255, 255, 0.072);
}

.btn-v2:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
}

.hero-v2 {
  padding-top: 3rem;
}

.eyebrow-v2 {
  background: rgba(242, 201, 107, 0.085);
  border-color: rgba(242, 201, 107, 0.22);
  color: #f6d98d !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.hero-v2 h1,
.hero-v2__title {
  max-width: 720px;
  color: #fff7ec !important;
  font-weight: 850;
}

.hero-v2__lead {
  color: rgba(255, 250, 242, 0.82) !important;
}

.hero-v2__frame {
  border-color: rgba(242, 201, 107, 0.18);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.035));
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.3);
}

.hero-v2__frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 58%, rgba(9, 9, 13, 0.22));
  pointer-events: none;
}

.hero-v2__mini-card {
  background: rgba(14, 12, 17, 0.72);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(14px);
}

.section-v2 {
  border-top-color: rgba(255, 255, 255, 0.055);
}

.section-v2__heading h2,
.process-v2 h2,
.faq-v2 h2 {
  color: #fff7ec !important;
  font-weight: 850;
}

.section-v2__heading p,
.process-v2 p,
.faq-v2 p,
.feature-card-v2 p,
.game-card-v2 p,
.post-card-v2 p,
.step-list-v2 p {
  color: rgba(255, 250, 242, 0.72) !important;
}

.feature-grid-v2,
.game-grid-v2,
.post-grid-v2 {
  gap: 1.15rem;
}

.feature-card-v2,
.game-card-v2,
.post-card-v2,
.step-list-v2 li,
.faq-list-v2 details {
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.feature-card-v2:hover,
.game-card-v2:hover,
.post-card-v2:hover,
.step-list-v2 li:hover {
  transform: translateY(-3px);
  border-color: rgba(242, 201, 107, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.105), rgba(255, 255, 255, 0.052));
}

.feature-card-v2__icon {
  background: rgba(139, 216, 207, 0.12);
  color: #b8f0e8;
}

.games-v2,
.content-v2 {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.026), rgba(255, 255, 255, 0.012));
}

.game-card-v2 img,
.post-card-v2__thumb img {
  filter: saturate(0.95) contrast(0.96);
}

.game-card-v2 span {
  background: rgba(9, 9, 13, 0.58);
  backdrop-filter: blur(12px);
}

.step-list-v2 span {
  background: linear-gradient(135deg, #ffe19a, #df6250);
}

.faq-list-v2 summary {
  color: #fff3df;
}

.footer-v2 {
  background:
    linear-gradient(180deg, rgba(13, 11, 16, 0.98), rgba(5, 6, 10, 1)) !important;
  border-top-color: rgba(242, 201, 107, 0.12);
}

@media (min-width: 992px) {
  .feature-grid-v2 .feature-card-v2:nth-child(2),
  .game-grid-v2 .game-card-v2:nth-child(3n + 2),
  .post-grid-v2 .post-card-v2:nth-child(2) {
    transform: translateY(1rem);
  }

  .feature-grid-v2 .feature-card-v2:nth-child(2):hover,
  .game-grid-v2 .game-card-v2:nth-child(3n + 2):hover,
  .post-grid-v2 .post-card-v2:nth-child(2):hover {
    transform: translateY(0.7rem);
  }
}

@media (max-width: 575.98px) {
  .hero-v2 {
    padding-top: 1.35rem;
  }

  .hero-v2 h1,
  .hero-v2__title {
    font-weight: 850;
    line-height: 1.12;
  }
}

/* jayplus Modern UI direction */
.site-v2 {
  --modern-bg: #07080b;
  --modern-surface: rgba(255, 255, 255, 0.075);
  --modern-surface-strong: rgba(255, 255, 255, 0.12);
  --modern-border: rgba(255, 255, 255, 0.12);
  --modern-text: #f9fafb;
  --modern-muted: #b8bfca;
  --modern-brand: #f7c761;
  --modern-accent: #ff6b4a;
  --modern-cool: #67e8f9;
  --modern-radius: 8px;
  --modern-shadow: 0 24px 80px rgba(0, 0, 0, 0.32);
  background:
    radial-gradient(circle at 14% 10%, rgba(103, 232, 249, 0.16), transparent 26rem),
    radial-gradient(circle at 86% 16%, rgba(255, 107, 74, 0.18), transparent 24rem),
    linear-gradient(180deg, #07080b 0%, #101217 46%, #07080b 100%);
}

.site-v2 .container {
  max-width: 1180px;
}

.header-v2 {
  background: rgba(7, 8, 11, 0.76);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
}

.nav-v2__inner {
  min-height: 72px;
}

.nav-v2__brand img {
  width: min(196px, 46vw);
  max-height: 50px;
}

.nav-v2__links {
  gap: 0.15rem;
}

.nav-v2__links a {
  min-height: 40px;
  padding: 0.5rem 0.75rem;
  border: 1px solid transparent;
  border-radius: var(--modern-radius);
  color: rgba(249, 250, 251, 0.72) !important;
  font-size: 0.94rem;
}

.nav-v2__links a:hover {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.08);
  color: #fff !important;
}

.link-v2 {
  color: rgba(249, 250, 251, 0.72) !important;
}

.btn-v2 {
  min-height: 44px;
  padding: 0.72rem 1rem;
  border-radius: var(--modern-radius);
  border-color: rgba(255, 255, 255, 0.12);
  font-size: 0.95rem;
  letter-spacing: 0;
}

.btn-v2--primary {
  background: linear-gradient(135deg, #ffe49c 0%, #ffb154 46%, #ff6448 100%);
  color: #16100a !important;
  box-shadow: 0 14px 32px rgba(255, 107, 74, 0.2);
}

.btn-v2--ghost {
  background: rgba(255, 255, 255, 0.065);
  color: #f9fafb !important;
}

.btn-v2:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24);
}

.hero-v2 {
  padding: 3.3rem 0 3.9rem;
  overflow: hidden;
}

.hero-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.95), transparent 88%);
  pointer-events: none;
}

.hero-v2__grid {
  position: relative;
  grid-template-columns: minmax(0, 0.98fr) minmax(360px, 1.02fr);
  gap: clamp(2rem, 4vw, 4.25rem);
}

.eyebrow-v2 {
  min-height: 32px;
  padding: 0.36rem 0.68rem;
  background: rgba(247, 199, 97, 0.1);
  border-color: rgba(247, 199, 97, 0.2);
  border-radius: var(--modern-radius);
  color: #f8d98c !important;
  font-size: 0.78rem !important;
}

.hero-v2 h1,
.hero-v2__title {
  max-width: 660px;
  color: var(--modern-text) !important;
  font-size: clamp(2.25rem, 4.2vw, 4rem);
  font-weight: 850;
  line-height: 1.04;
}

.hero-v2__lead {
  max-width: 610px;
  color: var(--modern-muted) !important;
  font-size: 1rem !important;
  line-height: 1.78;
}

.hero-v2__actions {
  margin-top: 1.35rem;
}

.hero-v2__visual {
  isolation: isolate;
}

.hero-v2__visual::before {
  content: "";
  position: absolute;
  inset: 11% -5% -7% 12%;
  z-index: -1;
  background: linear-gradient(135deg, rgba(247, 199, 97, 0.18), rgba(103, 232, 249, 0.12));
  border-radius: var(--modern-radius);
  transform: rotate(-2deg);
  filter: blur(2px);
}

.hero-v2__frame {
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: var(--modern-radius);
  background:
    radial-gradient(circle at 50% 28%, rgba(255, 107, 74, 0.14), transparent 19rem),
    rgba(255, 255, 255, 0.06);
  box-shadow: var(--modern-shadow);
}

.hero-v2__frame img {
  object-fit: contain;
  filter: saturate(0.95) contrast(0.98);
}

.hero-v2__mini-card {
  border-radius: var(--modern-radius);
  background: rgba(11, 13, 18, 0.74);
  border-color: rgba(255, 255, 255, 0.13);
}

.section-v2 {
  padding: 4.25rem 0;
}

.section-v2__heading {
  margin-bottom: 2.1rem;
}

.section-v2__heading h2,
.process-v2 h2,
.faq-v2 h2 {
  color: var(--modern-text) !important;
  font-size: clamp(1.85rem, 3vw, 2.8rem);
  font-weight: 850;
}

.section-v2__heading p,
.process-v2 p,
.faq-v2 p,
.feature-card-v2 p,
.game-card-v2 p,
.post-card-v2 p,
.step-list-v2 p {
  color: var(--modern-muted) !important;
}

.feature-grid-v2,
.game-grid-v2,
.post-grid-v2 {
  gap: 1rem;
}

.feature-card-v2,
.game-card-v2,
.post-card-v2,
.step-list-v2 li,
.faq-list-v2 details,
.empty-v2 {
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius);
  background: var(--modern-surface);
  box-shadow: none;
}

.feature-card-v2:hover,
.game-card-v2:hover,
.post-card-v2:hover,
.step-list-v2 li:hover {
  transform: translateY(-2px);
  border-color: rgba(247, 199, 97, 0.24);
  background: var(--modern-surface-strong);
}

.feature-card-v2 {
  padding: 1.35rem;
}

.feature-card-v2__icon {
  width: 42px;
  height: 42px;
  background: rgba(103, 232, 249, 0.11);
  color: var(--modern-cool);
}

.feature-card-v2 h3,
.game-card-v2 h3,
.post-card-v2 h3,
.step-list-v2 h3 {
  color: var(--modern-text) !important;
}

.game-card-v2 img,
.post-card-v2__thumb img {
  aspect-ratio: 16 / 9;
}

.game-card-v2 span {
  left: 0.85rem;
  bottom: 0.85rem;
  background: rgba(7, 8, 11, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 0.94rem;
}

.game-card-v2 p,
.post-card-v2__body {
  padding: 1.05rem;
}

.step-list-v2 li {
  padding: 1.15rem;
}

.step-list-v2 span {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, var(--modern-brand), var(--modern-accent));
}

.faq-list-v2 details {
  padding: 1.05rem 1.1rem;
}

.seo-article-v2 {
  background:
    radial-gradient(circle at 82% 16%, rgba(103, 232, 249, 0.09), transparent 24rem),
    rgba(255, 255, 255, 0.018);
}

.seo-article-v2__panel {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(1.5rem, 4vw, 3rem);
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid var(--modern-border);
  border-radius: var(--modern-radius);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.045));
}

.seo-article-v2__intro {
  position: sticky;
  top: 96px;
  align-self: start;
}

.seo-article-v2__intro h2 {
  margin: 0 0 1rem;
  color: var(--modern-text) !important;
  font-size: clamp(1.75rem, 2.7vw, 2.65rem);
  font-weight: 850;
  line-height: 1.18;
}

.seo-article-v2__intro p,
.seo-article-v2__body p {
  color: var(--modern-muted) !important;
  line-height: 1.9;
}

.seo-article-v2__body {
  display: grid;
  gap: 1rem;
}

.seo-article-v2__body section {
  padding: 1rem 0 1.05rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.seo-article-v2__body section:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.seo-article-v2__body h3 {
  margin: 0 0 0.55rem;
  color: #fff !important;
  font-size: 1.14rem;
  font-weight: 850;
}

.seo-article-v2__body p {
  margin: 0;
}

.footer-v2 {
  background: #07080b !important;
}

.mobile-bottom-nav {
  display: none;
}

.mobile-bottom-nav__list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-bottom-nav__link {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 64px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  padding: 8px 3px 7px;
  color: #fff !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;
}

.mobile-bottom-nav__link svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.24));
}


@media (min-width: 992px) {
  .feature-grid-v2 .feature-card-v2:nth-child(2),
  .game-grid-v2 .game-card-v2:nth-child(3n + 2),
  .post-grid-v2 .post-card-v2:nth-child(2) {
    transform: none;
  }

  .feature-grid-v2 .feature-card-v2:nth-child(2):hover,
  .game-grid-v2 .game-card-v2:nth-child(3n + 2):hover,
  .post-grid-v2 .post-card-v2:nth-child(2):hover {
    transform: translateY(-2px);
  }
}

@media (max-width: 991.98px) {
  .hero-v2 {
    padding: 2rem 0 3rem;
  }

  .hero-v2__grid {
    grid-template-columns: 1fr;
  }

  .nav-v2__links a {
    justify-content: center;
  }

  .seo-article-v2__panel {
    grid-template-columns: 1fr;
  }

  .seo-article-v2__intro {
    position: static;
  }
}

@media (max-width: 575.98px) {
.nav-v2__brand img {
    width: min(170px, 48vw);
  }

  .hero-v2 {
    padding: 1.55rem;
  }

  .hero-v2 h1,
  .hero-v2__title {
    font-size: clamp(2rem, 10vw, 2.45rem);
    line-height: 1.09;
  }

  .section-v2 {
    padding: 1.5rem;
  }

  .hero-v2__visual {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 1.35rem auto 0;
  }

  .hero-v2__visual::before {
    inset: 10% 2% -10% 9%;
    border-radius: var(--modern-radius);
  }

  .hero-v2__frame {
    overflow: hidden;
    border-radius: var(--modern-radius);
  }

  .hero-v2__frame img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
  }
}

.site-v2 {
  padding-top: 72px;
}

.header-v2 {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99999;
}

.admin-bar .site-v2 {
  padding-top: 104px;
}

.admin-bar .header-v2 {
  top: 32px;
}

@media (max-width: 782px) {
  .admin-bar .site-v2 {
    padding-top: 118px;
  }

  .admin-bar .header-v2 {
    top: 46px;
  }
}

@media (max-width: 575.98px) {
  .site-v2 {
    padding-top: 68px;
  }

  .admin-bar .site-v2 {
    padding-top: 114px;
  }
}

@media (max-width: 639.98px) {
  .seo-split-v2__copy {
    order: -1;
  }
}

@media (max-width: 575.98px) {
  .hero-v2__grid {
    display: flex;
    flex-direction: column;
  }

  .hero-v2__copy {
    display: flex;
    flex-direction: column;
    order: 2;
    width: 100%;
  }

  .hero-v2__title {
    order: 2;
  }

  .hero-v2__lead {
    order: 3;
  }

  .hero-v2__actions {
    order: 1;
    width: 100%;
    margin-top: 0;
    margin-bottom: 1rem;
  }

  .hero-v2__visual {
    order: 1;
    margin-top: 0;
    margin-bottom: 1rem;
  }
}

.hero-v2__title {
  max-width: 720px;
  margin-bottom: 1rem;
  background: linear-gradient(180deg, #fff5a8 0%, #ffd861 44%, #f7b934 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  /* font-size: clamp(2.45rem, 4.4vw, 4.2rem) !important; */
  font-size: 2rem !important;
  font-weight: 900;
  line-height: 1.05;
}

@media (max-width: 575.98px) {
  #hero-title.hero-v2__title,
  .hero-v2__title {
    font-size: 2rem !important;
    /* font-size: clamp(2rem, 9.6vw, 2.65rem) !important; */
    line-height: 1.08;
    text-align: center;
  }
}

.nav-v2__toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin-left: auto;
  padding: 0;
  border: 1px solid rgba(247, 199, 97, 0.34);
  border-radius: 14px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.035)),
    rgba(9, 10, 14, 0.72);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 10px 24px rgba(0, 0, 0, 0.28);
  color: #fff;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.nav-v2__toggle:hover,
.nav-v2__toggle:focus {
  border-color: rgba(255, 216, 97, 0.72);
  background:
    linear-gradient(145deg, rgba(247, 199, 97, 0.18), rgba(255, 107, 74, 0.1)),
    rgba(9, 10, 14, 0.86);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 12px 28px rgba(247, 199, 97, 0.16);
  outline: none;
  transform: translateY(-1px);
}

.nav-v2__toggle-icon {
  position: relative;
  display: block;
  width: 24px;
  height: 18px;
  overflow: hidden;
}

.nav-v2__toggle-icon span {
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  height: 2px;
  width: 24px;
  border-radius: 999px;
  background: linear-gradient(90deg, #fff6b0, #ffcf58 48%, #ff7048);
  box-shadow: 0 0 10px rgba(247, 199, 97, 0.22);
  transform-origin: center;
  animation: burger-line 1.05s ease-in-out infinite;
  transition: top 180ms ease, transform 180ms ease, opacity 180ms ease;
  will-change: transform;
}

.nav-v2__toggle-icon span:nth-child(1) {
  top: 1px;
}

.nav-v2__toggle-icon span:nth-child(2) {
  top: 8px;
  animation-delay: 0.12s;
}

.nav-v2__toggle-icon span:nth-child(3) {
  top: 15px;
  animation-delay: 0.24s;
}

.nav-v2__toggle:hover .nav-v2__toggle-icon span,
.nav-v2__toggle:focus .nav-v2__toggle-icon span {
  animation-duration: 0.82s;
}

.nav-v2__toggle.is-open .nav-v2__toggle-icon span:nth-child(1) {
  animation: none;
  top: 8px;
  transform: rotate(45deg) scaleX(1);
}

.nav-v2__toggle.is-open .nav-v2__toggle-icon span:nth-child(2) {
  animation: none;
  opacity: 0;
  transform: scaleX(0);
}

.nav-v2__toggle.is-open .nav-v2__toggle-icon span:nth-child(3) {
  animation: none;
  top: 8px;
  transform: rotate(-45deg) scaleX(1);
}

@keyframes burger-line {
  0%,
  100% {
    opacity: 1;
    transform: scaleX(1);
  }

  42% {
    opacity: 0.72;
    transform: scaleX(0.36);
  }

  72% {
    opacity: 0.96;
    transform: scaleX(0.74);
  }
}

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

@media (max-width: 575.98px) {
  body {
    padding-bottom: 92px;
  }

  #btn_top {
    right: 22px;
    bottom: 78px;
    z-index: 99999;
  }

  .mobile-bottom-nav {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99998;
    display: block;
    width: min(100vw, 430px);
    margin: 0 auto;
    padding: 0 0 env(safe-area-inset-bottom);
    border-top: 1px solid rgba(255, 255, 255, 0.22);
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    background: linear-gradient(90deg, #f10d10 0%, #bc0509 32%, #f20b0f 64%, #9e0307 100%);
    box-shadow:
      0 -18px 38px rgba(0, 0, 0, 0.4),
      inset 0 1px 0 rgba(255, 255, 255, 0.18);
    overflow: hidden;
  }

  .mobile-bottom-nav__link:hover,
  .mobile-bottom-nav__link:focus {
    color: #fff8d7 !important;
    background: rgba(255, 255, 255, 0.08);
    outline: none;
  }

  .seo-longform-v2__article h2.herder-text {
    padding: 0.85rem 1rem !important;
    font-size: clamp(1.18rem, 5.4vw, 1.45rem) !important;
    line-height: 1.24 !important;
  }

  .seo-longform-v2__article > section h3,
  .seo-longform-v2__article .seo-split-v2 h3 {
    margin-top: 1.15rem !important;
    margin-bottom: 0.45rem !important;
    font-size: clamp(1.02rem, 4.8vw, 1.22rem) !important;
    line-height: 1.28 !important;
  }
}

#trust-title {
  background: linear-gradient(180deg, #fff8bf 0%, #ffd96d 38%, #f3b83c 68%, #b87818 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: 0 2px 18px rgba(242, 184, 60, 0.14);
}

.seo-grid-section-v2 + section {
  margin-top: 2.5rem !important;
}

@media (max-width: 575.98px) {
  #trust-title {
    font-size: clamp(1.6rem, 7.4vw, 2rem) !important;
    line-height: 1.14 !important;
  }

  .seo-grid-section-v2 + section {
    margin-top: 2rem !important;
  }
}

body,
.site-v2 {
  background:
    radial-gradient(circle at 12% 8%, rgba(206, 30, 30, 0.28), transparent 28rem),
    radial-gradient(circle at 88% 12%, rgba(245, 190, 72, 0.2), transparent 24rem),
    linear-gradient(180deg, #0d0203 0%, #170506 42%, #070203 100%) !important;
}

.site-v2 {
  --modern-bg: #0d0203;
  --modern-surface: rgba(255, 218, 122, 0.075);
  --modern-surface-strong: rgba(121, 16, 16, 0.72);
  --modern-border: rgba(248, 202, 95, 0.2);
  --modern-text: #fff7e5;
  --modern-muted: #e6caa0;
  --modern-brand: #f5c65d;
  --modern-accent: #c9191f;
  --modern-cool: #ffd56a;
}

.header-v2,
.-bg-title {
  background:
    linear-gradient(180deg, rgba(23, 4, 5, 0.94), rgba(8, 2, 3, 0.9)) !important;
  border-bottom-color: rgba(248, 202, 95, 0.2) !important;
}

.hero-v2,
.trust-v2,
.process-v2,
.content-v2,
.footer-v2 {
  background:
    radial-gradient(circle at 14% 20%, rgba(190, 17, 22, 0.2), transparent 24rem),
    radial-gradient(circle at 88% 0%, rgba(245, 198, 93, 0.14), transparent 22rem),
    linear-gradient(180deg, #100304 0%, #080203 100%) !important;
}

.games-v2 {
  background:
    radial-gradient(circle at 50% 0%, rgba(245, 198, 93, 0.22), transparent 26rem),
    linear-gradient(180deg, #4a0506 0%, #170101 100%) !important;
}

.hero-v2__frame,
.feature-card-v2,
.step-list-v2 li,
.post-card-v2,
.faq-list-v2 details,
.empty-v2 {
  border-color: rgba(248, 202, 95, 0.22) !important;
  background:
    linear-gradient(145deg, rgba(248, 202, 95, 0.08), rgba(111, 12, 14, 0.42)) !important;
}

.seo-visual-v2,
.seo-inline-image-v2 {
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.seo-visual-v2 img,
.seo-inline-image-v2 img {
  border-radius: 14px !important;
}

.section-v2__heading h2,
.process-v2 h2,
.faq-v2 h2,
.feature-card-v2 h3,
.step-list-v2 h3,
.post-card-v2 h3,
.seo-longform-v2__article h3 {
  color: #ffd76d !important;
}

.seo-longform-v2__article h2.herder-text {
  border-left-color: rgba(248, 202, 95, 0.78) !important;
  background:
    linear-gradient(90deg, rgba(127, 15, 18, 0.72), rgba(248, 202, 95, 0.13)) !important;
  color: #fff2bf !important;
}

.nav-v2__links a:hover,
.btn-v2--ghost {
  background: rgba(248, 202, 95, 0.08) !important;
  border-color: rgba(248, 202, 95, 0.2) !important;
}

.btn-v2--primary,
#btn_top {
  background: linear-gradient(135deg, #ffe8a6 0%, #f5bd4a 42%, #c9191f 100%) !important;
  color: #210809 !important;
  box-shadow: 0 14px 34px rgba(201, 25, 31, 0.26), 0 0 24px rgba(245, 198, 93, 0.16) !important;
}

.feature-card-v2__icon,
.step-list-v2__number {
  background: rgba(248, 202, 95, 0.14) !important;
  color: #ffd76d !important;
}

.mobile-bottom-nav {
  background: linear-gradient(90deg, #7b090b 0%, #d71920 38%, #f0b83f 100%) !important;
  border-top-color: rgba(255, 229, 156, 0.38) !important;
}

.hero-v2__frame {
  border: 0 !important;
}

#hero-title.hero-v2__title {
  font-size: clamp(2.15rem, 3.65vw, 3.45rem) !important;
  line-height: 1.08 !important;
}

@media (max-width: 575.98px) {
  #hero-title.hero-v2__title {
    font-size: clamp(1.75rem, 8vw, 2.2rem) !important;
    line-height: 1.1 !important;
  }
}

.games-v2 {
  border-top: 1px solid rgba(255, 214, 112, 0.2) !important;
  border-bottom: 1px solid rgba(255, 214, 112, 0.14) !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(255, 210, 92, 0.28), transparent 18rem),
    radial-gradient(circle at 10% 28%, rgba(196, 16, 24, 0.34), transparent 24rem),
    linear-gradient(180deg, #5c0608 0%, #2b0304 54%, #100202 100%) !important;
}

.games-v2 .section-v2__heading h2,
.content-v2 .section-v2__heading h2,
.process-v2 h2 {
  background: linear-gradient(180deg, #fff5bd 0%, #ffd96d 52%, #c88b2b 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: 0 0 22px rgba(245, 190, 72, 0.18);
}

.game-grid-v2 > article {
  border: 1px solid rgba(255, 224, 145, 0.48) !important;
  background:
    linear-gradient(145deg, rgba(255, 219, 126, 0.12), rgba(95, 6, 9, 0.44)) !important;
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 244, 198, 0.16) !important;
}

.game-grid-v2 > article a::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.56)),
    radial-gradient(circle at 50% 35%, rgba(255, 218, 112, 0.16), transparent 55%);
  pointer-events: none;
}

.game-grid-v2 > article span {
  border-color: rgba(255, 240, 190, 0.92) !important;
  filter: drop-shadow(0 0 8px rgba(255, 213, 106, 0.38));
}

.process-v2 {
  background:
    linear-gradient(90deg, rgba(77, 5, 7, 0.88), rgba(12, 2, 3, 0.98) 52%, rgba(64, 6, 7, 0.82)),
    radial-gradient(circle at 70% 34%, rgba(255, 205, 91, 0.13), transparent 22rem) !important;
}

.step-list-v2 li {
  border-color: rgba(255, 214, 112, 0.34) !important;
  background:
    linear-gradient(135deg, rgba(105, 11, 13, 0.92), rgba(39, 4, 5, 0.92)) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 233, 168, 0.12) !important;
}

.step-list-v2 span {
  background: linear-gradient(135deg, #ffe69b 0%, #f4a536 48%, #c31820 100%) !important;
  color: #260708 !important;
  box-shadow: 0 0 18px rgba(245, 190, 72, 0.28);
}

.content-v2 {
  border-top: 1px solid rgba(255, 214, 112, 0.14) !important;
  border-bottom: 1px solid rgba(255, 214, 112, 0.12) !important;
  background:
    radial-gradient(circle at 30% 0%, rgba(180, 13, 18, 0.2), transparent 20rem),
    linear-gradient(180deg, #120203 0%, #080102 100%) !important;
}

.post-card-v2 {
  border-color: rgba(255, 214, 112, 0.3) !important;
  background:
    linear-gradient(145deg, rgba(255, 218, 122, 0.1), rgba(78, 5, 7, 0.72)) !important;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.34) !important;
}

.footer-v2 {
  border-top-color: rgba(255, 214, 112, 0.24) !important;
  background:
    radial-gradient(circle at 50% 10%, rgba(255, 210, 92, 0.2), transparent 18rem),
    linear-gradient(180deg, #160303 0%, #050101 100%) !important;
}

.footer-v2__bottom {
  border-top-color: rgba(255, 214, 112, 0.18) !important;
}

.games-v2,
.process-v2,
.content-v2,
.footer-v2 {
  border-top: 1px solid rgba(245, 198, 93, 0.16) !important;
  border-bottom: 0 !important;
  background:
    linear-gradient(180deg, rgba(42, 4, 5, 0.94) 0%, rgba(15, 2, 3, 0.98) 100%) !important;
}

.games-v2 {
  background:
    linear-gradient(180deg, rgba(58, 5, 7, 0.96) 0%, rgba(22, 2, 3, 0.98) 100%) !important;
}

.process-v2 {
  background:
    linear-gradient(180deg, rgba(21, 2, 3, 0.98) 0%, rgba(45, 5, 6, 0.94) 54%, rgba(18, 2, 3, 0.98) 100%) !important;
}

.content-v2 {
  background:
    linear-gradient(180deg, rgba(14, 2, 3, 0.98) 0%, rgba(24, 3, 4, 0.98) 100%) !important;
}

.footer-v2 {
  background:
    linear-gradient(180deg, rgba(22, 3, 4, 0.98) 0%, #050101 100%) !important;
}

.games-v2 .container,
.process-v2 .container,
.content-v2 .container,
.footer-v2 .container {
  position: relative;
  z-index: 1;
}

.games-v2::before,
.process-v2::before,
.content-v2::before,
.footer-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent 0%, rgba(245, 198, 93, 0.055) 50%, transparent 100%);
  opacity: 0.78;
}

.games-v2,
.process-v2,
.content-v2,
.footer-v2 {
  position: relative;
  overflow: hidden;
}

.game-grid-v2 > article,
.step-list-v2 li,
.post-card-v2 {
  border-color: rgba(245, 198, 93, 0.32) !important;
  background:
    linear-gradient(145deg, rgba(62, 7, 9, 0.88), rgba(14, 2, 3, 0.92)) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 234, 171, 0.1) !important;
}

.game-grid-v2 > article a::after {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.44)) !important;
}

.hero-v2 {
  border-bottom: 1px solid rgba(245, 198, 93, 0.16) !important;
  background:
    linear-gradient(90deg, rgba(78, 5, 7, 0.82) 0%, rgba(10, 2, 3, 0.96) 45%, rgba(42, 16, 5, 0.84) 100%),
    linear-gradient(180deg, #120203 0%, #070102 100%) !important;
}

.hero-v2::before {
  opacity: 0.55 !important;
  background:
    linear-gradient(rgba(255, 223, 150, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 223, 150, 0.04) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
}

.hero-v2::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(120deg, transparent 0%, rgba(245, 198, 93, 0.08) 52%, transparent 74%);
  opacity: 0.75;
}

.hero-v2__copy,
.hero-v2__visual {
  position: relative;
  z-index: 1;
}

#hero-title.hero-v2__title {
  background: linear-gradient(180deg, #fffdf2 0%, #fff0bd 48%, #f0bf4c 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: 0 12px 30px rgba(0, 0, 0, 0.24);
}

.hero-v2__lead {
  color: #f4dca8 !important;
}

.hero-v2__frame {
  background:
    linear-gradient(145deg, rgba(245, 198, 93, 0.12), rgba(79, 5, 7, 0.28)) !important;
  box-shadow:
    0 22px 46px rgba(0, 0, 0, 0.32),
    24px 28px 0 rgba(245, 198, 93, 0.075) !important;
}

body,
.site-v2 {
  background:
    linear-gradient(180deg, #0b0202 0%, #130303 30%, #090101 64%, #050101 100%) !important;
  color: #fff7e6 !important;
}

.site-v2 {
  --modern-bg: #0b0202;
  --modern-surface: rgba(23, 6, 5, 0.78);
  --modern-surface-strong: rgba(35, 7, 6, 0.86);
  --modern-border: rgba(229, 180, 83, 0.18);
  --modern-text: #fff7e6;
  --modern-muted: #d8bd8d;
  --modern-brand: #e8b44e;
  --modern-accent: #b9161b;
  --modern-cool: #e8b44e;
}

.header-v2 {
  background: rgba(8, 2, 2, 0.86) !important;
  border-bottom-color: rgba(229, 180, 83, 0.18) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24) !important;
}

.nav-v2__links a,
.btn-v2--ghost {
  color: rgba(255, 247, 230, 0.78) !important;
}

.nav-v2__links a:hover,
.btn-v2--ghost:hover {
  background: rgba(232, 180, 78, 0.08) !important;
  border-color: rgba(232, 180, 78, 0.2) !important;
  color: #fff7e6 !important;
}

.hero-v2,
.trust-v2,
.games-v2,
.process-v2,
.content-v2,
.footer-v2 {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(229, 180, 83, 0.11) !important;
  border-bottom: 0 !important;
  background: linear-gradient(180deg, rgba(24, 4, 4, 0.5), rgba(8, 1, 1, 0.18)) !important;
}

.hero-v2 {
  border-top: 0 !important;
  background:
    linear-gradient(90deg, rgba(48, 5, 5, 0.62) 0%, rgba(9, 1, 1, 0.9) 48%, rgba(34, 12, 4, 0.58) 100%) !important;
}

.games-v2,
.content-v2 {
  background: linear-gradient(180deg, rgba(35, 5, 5, 0.54), rgba(10, 1, 1, 0.34)) !important;
}

.process-v2 {
  background: linear-gradient(180deg, rgba(13, 2, 2, 0.38), rgba(31, 5, 5, 0.5)) !important;
}

.footer-v2 {
  background: linear-gradient(180deg, rgba(18, 3, 3, 0.48), #050101) !important;
}

.hero-v2::after,
.games-v2::before,
.process-v2::before,
.content-v2::before,
.footer-v2::before {
  content: none !important;
  display: none !important;
}

.hero-v2::before {
  opacity: 0.42 !important;
  background:
    linear-gradient(rgba(232, 180, 78, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(232, 180, 78, 0.03) 1px, transparent 1px) !important;
  background-size: 72px 72px !important;
}

#hero-title.hero-v2__title,
#trust-title,
.section-v2__heading h2,
.process-v2 h2,
.faq-v2 h2,
.seo-longform-v2__article h2.herder-text {
  background: linear-gradient(180deg, #fff8d8 0%, #e8b44e 58%, #a76a1f 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: none !important;
}

.hero-v2__lead,
.section-v2__heading p,
.process-v2 p,
.faq-v2 p,
.feature-card-v2 p,
.game-card-v2 p,
.post-card-v2 p,
.step-list-v2 p,
.seo-longform-v2__article p {
  color: rgba(255, 239, 207, 0.74) !important;
}

.feature-card-v2,
.game-grid-v2 > article,
.step-list-v2 li,
.post-card-v2,
.faq-list-v2 details,
.empty-v2 {
  border-color: rgba(232, 180, 78, 0.18) !important;
  background: rgba(18, 5, 4, 0.72) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 245, 213, 0.06) !important;
}

.game-grid-v2 > article a::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.38)) !important;
}

.game-grid-v2 > article span {
  border-color: rgba(255, 239, 194, 0.82) !important;
  filter: none !important;
}

.seo-longform-v2__article h2.herder-text {
  border-left-color: rgba(232, 180, 78, 0.74) !important;
  background-color: rgba(232, 180, 78, 0.08) !important;
  background-image: linear-gradient(90deg, rgba(232, 180, 78, 0.12), rgba(232, 180, 78, 0.035)) !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: #ffe6a3 !important;
}

.feature-card-v2 h3,
.game-card-v2 h3,
.post-card-v2 h3,
.step-list-v2 h3,
.seo-longform-v2__article h3 {
  color: #f0c466 !important;
}

.btn-v2--primary,
#btn_top {
  background: linear-gradient(135deg, #f7d98b 0%, #d99632 48%, #a91418 100%) !important;
  color: #170404 !important;
  border-color: rgba(255, 236, 176, 0.26) !important;
  box-shadow: 0 12px 24px rgba(169, 20, 24, 0.22) !important;
}

.step-list-v2 span,
.feature-card-v2__icon,
.step-list-v2__number {
  background: rgba(232, 180, 78, 0.14) !important;
  color: #f3c96e !important;
  box-shadow: none !important;
}

.hero-v2__frame {
  background: transparent !important;
  box-shadow: 18px 20px 0 rgba(232, 180, 78, 0.055) !important;
}

.mobile-bottom-nav {
  background: linear-gradient(90deg, #63090b 0%, #a91418 54%, #d99632 100%) !important;
  border-top-color: rgba(255, 236, 176, 0.26) !important;
}

/* Clean red-gold visual system */
body,
.site-v2 {
  background: #070101 !important;
  color: #fff5df !important;
}

.site-v2 {
  --modern-bg: #070101;
  --modern-surface: rgba(20, 4, 4, 0.88);
  --modern-surface-strong: rgba(31, 6, 5, 0.9);
  --modern-border: rgba(232, 184, 91, 0.17);
  --modern-text: #fff5df;
  --modern-muted: rgba(255, 225, 176, 0.72);
  --modern-brand: #efc86a;
  --modern-accent: #b91418;
  --modern-cool: #efc86a;
}

.header-v2 {
  background: rgba(7, 1, 1, 0.9) !important;
  border-bottom: 1px solid rgba(232, 184, 91, 0.14) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.26) !important;
}

.nav-v2__links a {
  color: rgba(255, 245, 223, 0.76) !important;
}

.nav-v2__links a:hover {
  background: rgba(239, 200, 106, 0.08) !important;
  color: #fff2ca !important;
}

.hero-v2 {
  border-bottom: 1px solid rgba(232, 184, 91, 0.13) !important;
  background:
    linear-gradient(90deg, rgba(74, 5, 7, 0.54) 0%, rgba(9, 1, 1, 0.96) 48%, rgba(38, 14, 4, 0.62) 100%),
    #070101 !important;
}

.hero-v2::before {
  opacity: 0.22 !important;
  background:
    linear-gradient(rgba(232, 184, 91, 0.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(232, 184, 91, 0.026) 1px, transparent 1px) !important;
  background-size: 84px 84px !important;
}

.hero-v2::after,
.games-v2::before,
.process-v2::before,
.content-v2::before,
.footer-v2::before {
  content: none !important;
  display: none !important;
}

.trust-v2,
.games-v2,
.process-v2,
.content-v2,
.footer-v2 {
  border-top: 1px solid rgba(232, 184, 91, 0.1) !important;
  border-bottom: 0 !important;
  background: linear-gradient(180deg, rgba(18, 3, 3, 0.78), rgba(7, 1, 1, 0.94)) !important;
}

.games-v2 {
  background: linear-gradient(180deg, rgba(45, 5, 5, 0.78), rgba(12, 2, 2, 0.96)) !important;
}

.process-v2,
.content-v2 {
  background: linear-gradient(180deg, rgba(10, 1, 1, 0.96), rgba(26, 4, 4, 0.82)) !important;
}

.footer-v2 {
  background: linear-gradient(180deg, rgba(18, 3, 3, 0.92), #050101) !important;
}

#hero-title.hero-v2__title,
#trust-title,
.section-v2__heading h2,
.process-v2 h2,
.faq-v2 h2 {
  background: linear-gradient(180deg, #fff8d9 0%, #efc86a 54%, #b97822 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: none !important;
}

.hero-v2__lead,
.section-v2__heading p,
.process-v2 p,
.faq-v2 p,
.feature-card-v2 p,
.game-card-v2 p,
.post-card-v2 p,
.step-list-v2 p,
.seo-longform-v2__article p,
.seo-longform-v2__article li {
  color: rgba(255, 235, 199, 0.78) !important;
}

.feature-card-v2,
.game-grid-v2 > article,
.step-list-v2 li,
.post-card-v2,
.faq-list-v2 details,
.empty-v2 {
  border: 1px solid rgba(232, 184, 91, 0.16) !important;
  background: rgba(17, 4, 4, 0.74) !important;
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 246, 219, 0.045) !important;
}

.feature-card-v2:hover,
.game-grid-v2 > article:hover,
.post-card-v2:hover,
.faq-list-v2 details[open] {
  border-color: rgba(239, 200, 106, 0.28) !important;
  background: rgba(27, 5, 5, 0.82) !important;
}

.seo-longform-v2__article h2.herder-text {
  border-left: 3px solid rgba(239, 200, 106, 0.68) !important;
  background: linear-gradient(90deg, rgba(239, 200, 106, 0.11), rgba(239, 200, 106, 0.035)) !important;
  color: #ffe3a0 !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: none !important;
}

.feature-card-v2 h3,
.game-card-v2 h3,
.post-card-v2 h3,
.step-list-v2 h3,
.faq-list-v2 summary,
.seo-longform-v2__article h3 {
  color: #f1c768 !important;
}

.btn-v2--primary,
.mobile-bottom-nav a,
#btn_top {
  background: linear-gradient(135deg, #ffe49b 0%, #d99732 54%, #b91418 100%) !important;
  color: #180303 !important;
  border-color: rgba(255, 236, 176, 0.28) !important;
}

.btn-v2--primary:hover,
#btn_top:hover {
  filter: brightness(1.06) !important;
}

.btn-v2--ghost {
  background: rgba(255, 245, 223, 0.045) !important;
  border-color: rgba(232, 184, 91, 0.2) !important;
  color: #fff1ce !important;
}

.step-list-v2 span,
.feature-card-v2__icon,
.step-list-v2__number {
  background: rgba(239, 200, 106, 0.13) !important;
  color: #f2c96f !important;
}

.hero-v2__frame,
.hero-v2__frame img,
.seo-longform-v2__figure img,
.seo-longform-v2__image img,
.content-v2 img,
.post-card-v2 img {
  border: 0 !important;
  border-radius: 14px !important;
}

.hero-v2__frame {
  background: transparent !important;
  box-shadow: 18px 20px 0 rgba(239, 200, 106, 0.05) !important;
}

.game-grid-v2 > article span {
  border-color: rgba(255, 238, 193, 0.88) !important;
  color: #fff7df !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5) !important;
}

.mobile-bottom-nav {
  background: linear-gradient(90deg, #5c0708 0%, #a81216 54%, #d99b36 100%) !important;
  border-top: 1px solid rgba(255, 236, 176, 0.24) !important;
}

@media (max-width: 575.98px) {
  .hero-v2,
  .trust-v2,
  .games-v2,
  .process-v2,
  .content-v2,
  .footer-v2 {
    background: linear-gradient(180deg, rgba(18, 3, 3, 0.95), rgba(7, 1, 1, 0.98)) !important;
  }

  .feature-card-v2,
  .game-grid-v2 > article,
  .step-list-v2 li,
  .post-card-v2,
  .faq-list-v2 details {
    box-shadow: none !important;
  }
}

/* Mobile bottom nav: single combined bar */
@media (max-width: 575.98px) {
  .mobile-bottom-nav {
    padding: 6px 8px calc(6px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid rgba(255, 230, 160, 0.22) !important;
    border-top-left-radius: 18px !important;
    border-top-right-radius: 18px !important;
    background:
      linear-gradient(90deg, #7b080a 0%, #b91418 44%, #e0a53f 100%) !important;
    box-shadow:
      0 -16px 34px rgba(0, 0, 0, 0.34),
      inset 0 1px 0 rgba(255, 242, 205, 0.14) !important;
  }

  .mobile-bottom-nav__list {
    overflow: hidden;
    color: #fff7e6 !important;
  }

  .mobile-bottom-nav__list li {
    min-width: 0;
    color: #fff7e6 !important;  
  }

  .mobile-bottom-nav__link,
  .mobile-bottom-nav a {
    min-height: 58px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #ffffff !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.34) !important;
  }

  .mobile-bottom-nav__link svg {
    filter: none !important;
  }

  .mobile-bottom-nav__link:hover,
  .mobile-bottom-nav__link:focus {
    background: rgba(255, 245, 205, 0.22) !important;
    color: #ffffff !important;
  }
}

/* Remove section background from process and latest posts */
.process-v2,
.content-v2 {
  background: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

.process-v2::before,
.content-v2::before,
.process-v2::after,
.content-v2::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 575.98px) {
  .process-v2,
  .content-v2 {
    background: transparent !important;
  }
}

/* Latest posts Swiper controls */
.post-slider-v2__heading {
  align-items: end;
  gap: 1rem;
}

.post-slider-v2__heading .link-v2 {
  margin-left: auto;
}

.post-slider-v2__controls {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.post-slider-v2__button {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(239, 200, 106, 0.34);
  border-radius: 999px;
  background: rgba(20, 4, 4, 0.72);
  color: #ffe6a4;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.22);
  cursor: pointer;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, opacity 180ms ease;
}

.post-slider-v2__button span {
  font-size: 0;
  line-height: 0;
}

.post-slider-v2__button::before {
  display: block;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
  transform: translateY(-1px);
}

.post-slider-v2__button[data-post-prev]::before {
  content: "\2039";
}

.post-slider-v2__button[data-post-next]::before {
  content: "\203A";
}

.post-slider-v2__button:hover,
.post-slider-v2__button:focus {
  border-color: rgba(255, 229, 160, 0.7);
  background: rgba(185, 20, 24, 0.45);
  outline: none;
  transform: translateY(-1px);
}

.post-slider-v2__button:disabled {
  cursor: default;
  opacity: 0.38;
  transform: none;
}

.post-slider-v2 {
  position: relative;
  overflow: hidden;
}

@media (max-width: 575.98px) {
  .post-slider-v2__heading {
    align-items: flex-start;
  }

  .post-slider-v2__heading .link-v2 {
    margin-left: 0;
  }

  .post-slider-v2__controls {
    width: 100%;
    justify-content: flex-start;
    order: 3;
  }

  .post-slider-v2__button {
    width: 40px;
    height: 40px;
  }
}

/* Swiper version for latest posts */
.post-swiper {
  overflow: hidden;
}

.post-swiper .post-swiper__wrapper {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  overflow: visible !important;
  padding: 0.15rem 0 0.85rem !important;
  scroll-behavior: auto !important;
}

.post-swiper .post-card-v2 {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  height: auto;
  min-width: 0;
  border-color: rgba(239, 200, 106, 0.62) !important;
  box-shadow:
    0 18px 36px rgba(0, 0, 0, 0.28),
    0 0 22px rgba(239, 200, 106, 0.1),
    0 0 0 1px rgba(255, 219, 132, 0.08),
    inset 0 1px 0 rgba(255, 239, 186, 0.08) !important;
}

.post-swiper .post-card-v2__thumb,
.post-swiper .post-card-v2__body {
  display: block !important;
  width: 100% !important;
}

.post-swiper .post-card-v2__thumb {
  flex: none !important;
}

.post-swiper .post-card-v2__body {
  flex: 1 1 auto !important;
}

.post-swiper .post-card-v2__thumb img {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
}

.post-swiper .swiper-slide {
  transition: transform 360ms ease, opacity 360ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.post-swiper .swiper-slide-active,
.post-swiper .swiper-slide:hover {
  border-color: rgba(255, 226, 151, 0.92) !important;
  box-shadow:
    0 22px 46px rgba(0, 0, 0, 0.34),
    0 0 30px rgba(255, 209, 102, 0.2),
    0 0 0 1px rgba(255, 214, 112, 0.18),
    inset 0 1px 0 rgba(255, 245, 213, 0.12) !important;
}

.post-swiper .swiper-slide:not(.swiper-slide-visible) {
  opacity: 0.72;
}

@media (max-width: 575.98px) {
  .post-swiper .post-swiper__wrapper {
    padding: 0.15rem 0 0.7rem !important;
  }

  .post-swiper .post-card-v2 {
    width: 100% !important;
  }
}