.vc-header-logo{
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.n-columns-2{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    margin:0 auto;
    font-weight:700;
    position:relative;
}
.n-columns-2 a{
    position:relative;
    overflow:hidden;
    margin:0;
    text-align:center;
    text-decoration:none;
    transition:transform .24s ease,box-shadow .24s ease,background .24s ease,border-color .24s ease,color .24s ease;
}
.login,.register{
    min-height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:15px 12px;
    font-family:"Arial Black","Segoe UI",Arial,sans-serif;
    font-size:17px;
    font-weight:900;
    letter-spacing:.8px;
    text-transform:uppercase;
    color:#ffffff;
    text-shadow:0 2px 2px #000,0 0 8px rgba(255,0,0,.24);
    border-radius:0;
    clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);
}
.login::before,.register::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:30px;
    height:30px;
    background:linear-gradient(135deg,#ffd000 0 18%,#ff2424 18% 36%,#740000 36% 52%,transparent 52%);
    z-index:2;
    pointer-events:none;
}
.login::after,.register::after{
    content:"";
    position:absolute;
    top:-80%;
    left:-55%;
    width:34%;
    height:260%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),rgba(255,255,255,.52),rgba(255,220,135,.22),transparent);
    transform:rotate(22deg) translateX(-190%);
    animation:SONTOTO-headerBtnShine 5s ease-in-out infinite;
    pointer-events:none;
}
.login,.login-button{
    position:relative;
    color:#ffffff;
    background:
        radial-gradient(circle at 50% -15%,rgba(255,135,135,.40),transparent 42%),
        linear-gradient(180deg,#e10000 0%,#aa0000 34%,#700000 68%,#310000 100%);
    border:1px solid #ffd000;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -3px 0 rgba(80,0,0,.82),0 0 0 1px rgba(110,0,0,.85),0 0 11px rgba(255,0,0,.58),0 0 23px rgba(255,0,0,.28),0 7px 17px rgba(0,0,0,.5);
}
.login::marker{
    display:none;
}
.login:hover{
    color:#ffffff;
    background:
        radial-gradient(circle at 50% -15%,rgba(255,220,160,.44),transparent 42%),
        linear-gradient(180deg,#ff3434 0%,#dc0000 34%,#930000 68%,#490000 100%);
    border-color:#fff2a4;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.46),inset 0 -3px 0 rgba(90,0,0,.82),0 0 0 1px rgba(255,208,0,.32),0 0 10px rgba(255,255,255,.22),0 0 20px rgba(255,0,0,.95),0 0 38px rgba(255,0,0,.45),0 10px 22px rgba(0,0,0,.56);
    transform:translateY(-4px);
}
.login:active{
    transform:translateY(-1px) scale(.98);
    box-shadow:inset 0 3px 9px rgba(0,0,0,.62),0 0 12px rgba(255,0,0,.75);
}
.register,.register-button{
    position:relative;
    color:#1a0000;
    text-shadow:0 1px 0 rgba(255,255,255,.45);
    background:
        radial-gradient(circle at 50% -18%,rgba(255,255,255,.60),transparent 36%),
        linear-gradient(180deg,#ffe765 0%,#ffd000 34%,#efa200 68%,#be6e00 100%);
    border:1px solid #fff0a0;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -3px 0 rgba(118,55,0,.34),0 0 0 1px rgba(112,0,0,.45),0 0 12px rgba(255,208,0,.72),0 0 22px rgba(255,0,0,.22),0 7px 17px rgba(0,0,0,.5);
}
.register::before{
    background:linear-gradient(135deg,#ffffff 0 16%,#ff2b2b 16% 34%,#720000 34% 52%,transparent 52%);
}
.register:hover{
    color:#180000;
    background:
        radial-gradient(circle at 50% -18%,rgba(255,255,255,.82),transparent 36%),
        linear-gradient(180deg,#fff59b 0%,#ffe029 34%,#ffbe00 68%,#e58a00 100%);
    border-color:#ffffff;
    box-shadow:inset 0 1px 0 #ffffff,inset 0 -3px 0 rgba(118,55,0,.30),0 0 0 1px rgba(255,0,0,.28),0 0 12px rgba(255,255,255,.42),0 0 22px rgba(255,208,0,.95),0 0 36px rgba(255,0,0,.32),0 10px 22px rgba(0,0,0,.56);
    transform:translateY(-4px);
}
.register:active{
    transform:translateY(-1px) scale(.98);
    box-shadow:inset 0 3px 9px rgba(125,65,0,.32),0 0 14px rgba(255,208,0,.78);
}
.login span,.register span{
    position:relative;
    z-index:3;
    display:inline-block;
    transition:transform .24s ease;
}
.login:hover span,.register:hover span{
    transform:translateX(4px);
}
.login:focus-visible,.register:focus-visible{
    outline:none;
    border-color:#ffffff;
    box-shadow:0 0 0 2px rgba(255,208,0,.48),0 0 18px rgba(255,0,0,.9);
}
@keyframes SONTOTO-headerBtnShine{
    0%,60%{
        transform:rotate(22deg) translateX(-190%);
    }
    76%,100%{
        transform:rotate(22deg) translateX(620%);
    }
}
@media(max-width:768px){
    .n-columns-2{
        gap:9px;
    }
    .login,.register{
        min-height:52px;
        padding:13px 9px;
        font-size:15px;
        letter-spacing:.5px;
    }
}
@media(max-width:480px){
    .n-columns-2{
        gap:7px;
    }
    .login,.register{
        min-height:48px;
        padding:11px 6px;
        font-size:13px;
        letter-spacing:.3px;
        clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);
    }
    .login::before,.register::before{
        width:24px;
        height:24px;
    }
}
@media(max-width:360px){
    .login,.register{
        font-size:12px;
        padding:10px 4px;
    }
}

<!--Button-->


:root{
    --kaisar-red:#d90000;
    --kaisar-red-bright:#ff2d2d;
    --kaisar-red-dark:#6d0000;
    --kaisar-red-deep:#1a0000;
    --kaisar-black:#090000;
    --kaisar-gold:#ffd000;
    --kaisar-gold-dark:#a87500;
    --kaisar-white:#ffffff;
    --kaisar-text:#e6e6e6;
    --kaisar-muted:#a8a8a8;
}
.info-box-kaisar{
    max-width:900px;
    margin:8px auto;
    position:relative;
    overflow:hidden;
    font-family:"Poppins","Segoe UI",Arial,sans-serif;
    color:var(--kaisar-white);
    background:
        radial-gradient(circle at 15% 0%,rgba(255,0,0,.22),transparent 32%),
        radial-gradient(circle at 88% 100%,rgba(255,190,0,.08),transparent 36%),
        linear-gradient(180deg,#260000 0%,#120000 48%,#080000 100%);
    border:2px solid #8f0000;
    border-radius:18px;
    box-shadow:0 0 0 1px #310000,0 0 0 3px rgba(255,208,0,.12),0 0 18px rgba(255,0,0,.35),0 0 38px rgba(255,0,0,.15),0 18px 35px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 35px rgba(255,0,0,.08);
}
.info-box-kaisar::before{
    content:"";
    position:absolute;
    inset:7px;
    border:1px solid rgba(255,208,0,.30);
    border-radius:12px;
    pointer-events:none;
    z-index:0;
}
.info-box-kaisar::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(135deg,rgba(255,255,255,.025) 0 1px,transparent 1px 17px),
        linear-gradient(45deg,rgba(255,0,0,.025) 0 1px,transparent 1px 17px);
    background-size:17px 17px;
    opacity:.75;
    pointer-events:none;
    z-index:0;
}
.info-header-kaisar{
    position:relative;
    z-index:2;
    overflow:hidden;
    padding:20px 58px 20px 26px;
    text-align:left;
    font-size:18px;
    font-weight:900;
    letter-spacing:.9px;
    text-transform:uppercase;
    color:#ffffff;
    background:
        radial-gradient(circle at 12% 0%,rgba(255,72,72,.38),transparent 36%),
        linear-gradient(90deg,#720000 0%,#370000 48%,#100000 100%);
    border-bottom:2px solid var(--kaisar-gold);
    text-shadow:0 2px 2px #000,0 0 10px rgba(255,0,0,.45);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -2px 0 rgba(0,0,0,.68),0 6px 18px rgba(0,0,0,.4);
    clip-path:polygon(14px 0,100% 0,100% 100%,0 100%,0 14px);
}
.info-header-kaisar::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:36px;
    height:36px;
    background:linear-gradient(135deg,#ffd000 0 18%,#ff2424 18% 36%,#740000 36% 52%,transparent 52%);
    pointer-events:none;
}
.info-header-kaisar::after{
    content:"ONLINE";
    position:absolute;
    right:18px;
    top:50%;
    transform:translateY(-50%);
    padding:5px 9px 5px 18px;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.2px;
    color:#ffd000;
    background:#170000;
    border:1px solid rgba(255,208,0,.5);
    box-shadow:0 0 8px rgba(255,0,0,.32);
    clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);
}
.info-row-kaisar{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-height:48px;
    padding:10px 20px;
    background:
        linear-gradient(90deg,rgba(255,0,0,.10),transparent 35%),
        linear-gradient(180deg,rgba(42,0,0,.96),rgba(16,0,0,.98));
    border-bottom:1px solid rgba(255,208,0,.18);
    transition:transform .24s ease,background .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.info-row-kaisar::before{
    content:"";
    position:absolute;
    left:8px;
    top:50%;
    transform:translateY(-50%);
    width:4px;
    height:56%;
    background:linear-gradient(180deg,#ff3434,#8c0000);
    box-shadow:0 0 7px rgba(255,0,0,.65);
    opacity:.75;
}
.info-row-kaisar::after{
    content:"";
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    width:6px;
    height:6px;
    border-radius:50%;
    background:#ff2b2b;
    box-shadow:0 0 6px #ff0000,0 0 12px rgba(255,0,0,.6);
    opacity:.65;
    animation:kaisarLedPulse 1.8s ease-in-out infinite;
}
.info-row-kaisar:hover{
    transform:translateX(4px);
    background:
        radial-gradient(circle at 8% 50%,rgba(255,55,55,.18),transparent 30%),
        linear-gradient(180deg,#430000,#1a0000);
    border-bottom-color:rgba(255,208,0,.46);
    box-shadow:inset 0 0 20px rgba(255,0,0,.10),0 0 12px rgba(255,0,0,.16);
}
.info-row-kaisar:last-child{
    border-bottom:none;
}
.info-row-kaisar:last-child:hover{
    border-radius:0 0 14px 14px;
}
.info-label-kaisar{
    width:35%;
    padding-left:14px;
    position:relative;
    font-size:11px;
    font-weight:900;
    letter-spacing:.55px;
    text-transform:uppercase;
    color:#ffd000;
    text-shadow:0 0 6px rgba(255,208,0,.22);
}
.info-label-kaisar::before{
    content:"›";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    color:#ff2e2e;
    font-size:16px;
    font-weight:900;
    text-shadow:0 0 5px rgba(255,0,0,.72);
}
.info-value-kaisar{
    width:65%;
    padding-right:18px;
    font-size:11px;
    font-weight:600;
    line-height:1.6;
    text-align:right;
    color:#e9e9e9;
}
.info-value-kaisar strong{
    display:inline-block;
    margin-left:5px;
    padding:3px 9px;
    font-size:11px;
    font-weight:800;
    color:#ffffff;
    background:linear-gradient(180deg,#b60000,#5f0000);
    border:1px solid rgba(255,208,0,.46);
    border-radius:4px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 8px rgba(255,0,0,.20);
}
.rating-kaisar{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:6px;
    color:#ffd000!important;
    font-weight:800;
}
.rating-kaisar::before{
    content:"★★★★★";
    margin-right:6px;
    font-size:14px;
    letter-spacing:2px;
    color:#ffd000;
    text-shadow:0 0 6px rgba(255,190,0,.46);
}
.rating-kaisar strong{
    margin-left:4px;
    padding:4px 10px!important;
    font-size:11px;
    font-weight:900;
    letter-spacing:.5px;
    text-transform:uppercase;
    color:#ffffff!important;
    background:
        radial-gradient(circle at 50% 0%,rgba(255,130,130,.38),transparent 48%),
        linear-gradient(180deg,#df0000,#780000);
    border:1px solid #ffd000;
    border-radius:5px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 11px rgba(255,0,0,.38);
}
.rating-kaisar span,.rating-kaisar .stars{
    color:#ffd000;
}
@keyframes kaisarLedPulse{
    0%,100%{
        opacity:.45;
        transform:translateY(-50%) scale(.9);
    }
    50%{
        opacity:1;
        transform:translateY(-50%) scale(1.18);
    }
}
@media(max-width:768px){
    .info-header-kaisar{
        font-size:17px;
        padding:18px 54px 18px 20px;
    }
    .info-row-kaisar{
        padding:12px 17px;
    }
    .info-label-kaisar,.info-value-kaisar{
        font-size:12px;
    }
}
@media(max-width:600px){
    .info-box-kaisar{
        margin:12px 8px;
        border-radius:14px;
    }
    .info-header-kaisar{
        padding:16px 15px;
        font-size:15px;
    }
    .info-header-kaisar::after{
        display:none;
    }
    .info-row-kaisar{
        flex-direction:column;
        align-items:flex-start;
        gap:6px;
        padding:12px 16px;
    }
    .info-row-kaisar::after{
        top:14px;
        transform:none;
    }
    .info-label-kaisar{
        width:100%;
        padding-left:13px;
        font-size:11px;
    }
    .info-value-kaisar{
        width:100%;
        padding:7px 10px 0 13px;
        text-align:left;
        border-left:2px solid rgba(255,208,0,.58);
        font-size:11px;
    }
    .rating-kaisar{
        justify-content:flex-start;
    }
}
@media(max-width:480px){
    .info-box-kaisar{
        margin:10px 6px;
    }
    .info-header-kaisar{
        font-size:14px;
        padding:14px 13px;
    }
    .info-row-kaisar{
        padding:11px 13px;
    }
    .info-label-kaisar,.info-value-kaisar{
        font-size:10.5px;
    }
    .rating-kaisar::before{
        font-size:12px;
        letter-spacing:1px;
    }
    .rating-kaisar strong{
        font-size:10px;
        padding:3px 7px!important;
    }
}

<!--Section-->

.section-container{
    max-width:1200px;
    margin:40px auto;
    padding:0 20px;
    position:relative;
}
.section-title{
    position:relative;
    font-size:25px;
    font-weight:900;
    line-height:1.25;
    color:#ffffff;
    margin-bottom:24px;
    padding:15px 22px 15px 28px;
    text-transform:uppercase;
    letter-spacing:.4px;
    background:
        radial-gradient(circle at 10% 50%,rgba(255,43,43,.28),transparent 35%),
        linear-gradient(90deg,#3b0000 0%,#1a0000 45%,#090000 100%);
    border:1px solid rgba(255,205,0,.72);
    border-left:4px solid #ffd000;
    clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
    box-shadow:0 0 0 1px rgba(255,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 22px rgba(255,0,0,.12),0 0 18px rgba(255,0,0,.22);
    text-shadow:0 2px 2px #000,0 0 10px rgba(255,0,0,.35);
}
.section-title::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:32px;
    height:32px;
    background:linear-gradient(135deg,#ffd000 0 18%,#ff1c1c 18% 35%,#670000 35% 50%,transparent 50%);
    pointer-events:none;
}
.section-title::after{
    content:"";
    position:absolute;
    left:28px;
    right:22px;
    bottom:5px;
    height:2px;
    background:linear-gradient(90deg,#ffcc00,#ff1e1e,transparent);
    box-shadow:0 0 7px rgba(255,0,0,.8);
}
.description-section,.reviews-section,.faq-section{
    position:relative;
    overflow:hidden;
    padding:30px;
    margin-bottom:40px;
    background:
        radial-gradient(circle at 15% 0%,rgba(255,0,0,.12),transparent 32%),
        radial-gradient(circle at 85% 100%,rgba(255,181,0,.07),transparent 35%),
        linear-gradient(180deg,#190000 0%,#0d0000 48%,#070000 100%);
    border:2px solid #8b0000;
    border-radius:18px;
    box-shadow:0 0 0 1px #2b0000,0 0 0 3px rgba(255,202,0,.13),inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 35px rgba(255,0,0,.08),0 16px 35px rgba(0,0,0,.4),0 0 25px rgba(255,0,0,.14);
}
.description-section::before,.reviews-section::before,.faq-section::before{
    content:"";
    position:absolute;
    inset:7px;
    border:1px solid rgba(255,204,0,.28);
    border-radius:12px;
    pointer-events:none;
    z-index:0;
}
.description-section::after,.reviews-section::after,.faq-section::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(135deg,rgba(255,255,255,.025) 0 1px,transparent 1px 16px),
        linear-gradient(45deg,rgba(255,0,0,.025) 0 1px,transparent 1px 16px);
    background-size:16px 16px;
    opacity:.75;
    pointer-events:none;
    z-index:0;
}
.description-section>*,
.reviews-section>*,
.faq-section>*{
    position:relative;
    z-index:2;
}
.description-content{
    font-size:16px;
    line-height:1.85;
    color:#ffd000;
    text-shadow:0 1px 1px rgba(0,0,0,.65);
}
.description-content p{
    margin:0 0 20px;
    padding:0 4px;
}
.description-content p:last-child{
    margin-bottom:0;
}
.description-content strong{
    color:#ffd000;
    font-weight:800;
    text-shadow:0 0 6px rgba(255,193,0,.28);
}
.reviews-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:18px;
    margin-top:28px;
}
.review-card{
    position:relative;
    overflow:hidden;
    padding:22px 22px 22px 24px;
    min-height:155px;
    background:
        radial-gradient(circle at 10% 0%,rgba(255,37,37,.22),transparent 38%),
        linear-gradient(145deg,#310000 0%,#170000 48%,#090000 100%);
    border:1px solid rgba(255,192,0,.5);
    border-left:4px solid #ff1d1d;
    clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 0 20px rgba(255,0,0,.08),0 8px 18px rgba(0,0,0,.35);
    transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease;
}
.review-card::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:42px;
    height:42px;
    background:linear-gradient(225deg,#ffd000 0 14%,#ff1a1a 14% 28%,#700000 28% 42%,transparent 42%);
    opacity:.85;
}
.review-card::after{
    content:"PLAYER REVIEW";
    position:absolute;
    right:15px;
    bottom:9px;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.5px;
    color:rgb(255, 204, 0);
    pointer-events:none;
}
.review-card:hover{
    transform:translateY(-6px);
    border-color:#ffd000;
    background:
        radial-gradient(circle at 10% 0%,rgba(255,61,61,.32),transparent 40%),
        linear-gradient(145deg,#480000 0%,#210000 50%,#0a0000 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 24px rgba(255,0,0,.14),0 0 16px rgba(255,0,0,.4),0 0 28px rgba(255,0,0,.18),0 12px 24px rgba(0,0,0,.45);
}
.reviewer-name{
    position:relative;
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:13px;
    font-size:18px;
    font-weight:900;
    color:#ffd000;
    text-transform:uppercase;
    letter-spacing:.35px;
    text-shadow:0 1px 2px #000,0 0 8px rgba(255,193,0,.25);
}
.reviewer-name::before{
    content:"";
    width:30px;
    height:30px;
    flex-shrink:0;
    border-radius:50%;
    background:
        radial-gradient(circle at 38% 30%,#ff5555 0%,#c00000 42%,#650000 70%,#220000 100%);
    border:2px solid #ffd000;
    box-shadow:0 0 0 3px #3a0000,0 0 8px rgba(255,0,0,.8),0 0 14px rgba(255,199,0,.22);
}
.reviewer-name::after{
    content:"👤";
    position:absolute;
    left:8px;
    top:5px;
    font-size:13px;
    color:#fff3a0;
    text-shadow:0 0 6px #ff0000;
}
.review-text{
    font-size:15px;
    line-height:1.7;
    color:#dddddd;
    font-style:normal;
}
.faq-section{
    padding:34px 30px 30px;
    margin:40px 0;
}
.faq-section .section-title{
    margin-bottom:28px;
    text-align:left;
    font-size:25px;
    padding:15px 22px 15px 28px;
    font-family:"Segoe UI",system-ui,-apple-system,sans-serif;
}
.faq-section .section-title::after{
    left:28px;
    right:22px;
    bottom:5px;
    width:auto;
    transform:none;
    background:linear-gradient(90deg,#ffd000,#ff1a1a,transparent);
    border-radius:0;
}
.faq-container{
    display:flex;
    flex-direction:column;
    gap:14px;
}
.faq-item{
    position:relative;
    overflow:hidden;
    padding:22px 24px 22px 28px;
    background:
        radial-gradient(circle at 5% 0%,rgba(255,0,0,.14),transparent 38%),
        linear-gradient(100deg,#2a0000 0%,#150000 48%,#090000 100%);
    border:1px solid rgba(255,190,0,.38);
    border-left:4px solid #b80000;
    border-radius:0;
    clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 18px rgba(255,0,0,.07),0 7px 16px rgba(0,0,0,.28);
    transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease;
    animation:fadeInUp .4s ease-out forwards;
    opacity:0;
}
.faq-item::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:26px;
    height:26px;
    background:linear-gradient(135deg,#ffd000 0 18%,#ff1b1b 18% 36%,#6d0000 36% 50%,transparent 50%);
    opacity:1;
}
.faq-item::after{
    content:"";
    position:absolute;
    top:9px;
    right:12px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#ff1c1c;
    box-shadow:0 0 6px #ff0000,0 0 11px rgba(255,0,0,.7);
    animation:SONTOTO-statusPulse 1.7s ease-in-out infinite;
}
.faq-item:hover{
    transform:translateX(5px);
    border-color:#ffd000;
    border-left-color:#ff2d2d;
    background:
        radial-gradient(circle at 5% 0%,rgba(255,42,42,.24),transparent 40%),
        linear-gradient(100deg,#3c0000 0%,#1d0000 50%,#0b0000 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 22px rgba(255,0,0,.12),0 0 14px rgba(255,0,0,.35),0 8px 20px rgba(0,0,0,.38);
}
.faq-question{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:12px;
    padding-right:24px;
    font-size:17px;
    font-weight:800;
    line-height:1.5;
    color:#ffffff;
    font-family:"Segoe UI",system-ui,-apple-system,sans-serif;
    text-shadow:0 1px 2px #000;
}
.faq-question::before{
    content:"Q";
    display:flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    flex:0 0 28px;
    margin-top:0;
    font-size:13px;
    font-weight:900;
    color:#1b0000;
    background:linear-gradient(180deg,#ffe866 0%,#ffc400 100%);
    border:1px solid #fff1a3;
    clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
    box-shadow:0 0 8px rgba(255,191,0,.35);
}
.faq-answer{
    position:relative;
    padding-left:40px;
}
.faq-answer::before{
    content:"A";
    position:absolute;
    left:0;
    top:1px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:26px;
    height:26px;
    font-size:12px;
    font-weight:900;
    color:#ffffff;
    background:linear-gradient(180deg,#d90000 0%,#710000 100%);
    border:1px solid rgba(255,196,0,.55);
    clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);
    box-shadow:0 0 8px rgba(255,0,0,.45);
}
.faq-answer p{
    margin:0;
    font-size:15.5px;
    line-height:1.75;
    color:#d8d8d8;
    font-family:"Segoe UI",system-ui,-apple-system,sans-serif;
}
.faq-item:not(:last-child)::after{
    content:"";
    position:absolute;
    top:9px;
    right:12px;
    bottom:auto;
    left:auto;
    width:6px;
    height:6px;
    transform:none;
    border-radius:50%;
    background:#ff1c1c;
    box-shadow:0 0 6px #ff0000,0 0 11px rgba(255,0,0,.7);
}
.faq-item:nth-child(1){
    animation-delay:.08s;
}
.faq-item:nth-child(2){
    animation-delay:.14s;
}
.faq-item:nth-child(3){
    animation-delay:.20s;
}
.faq-item:nth-child(4){
    animation-delay:.26s;
}
.faq-item:nth-child(5){
    animation-delay:.32s;
}
.faq-item:nth-child(6){
    animation-delay:.38s;
}
.faq-item:nth-child(7){
    animation-delay:.44s;
}
.faq-item:nth-child(8){
    animation-delay:.50s;
}
@keyframes fadeInUp{
    from{
        opacity:0;
        transform:translateY(12px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}
@keyframes SONTOTO-statusPulse{
    0%,100%{
        opacity:.45;
        transform:scale(.85);
    }
    50%{
        opacity:1;
        transform:scale(1.15);
    }
}
@media(max-width:768px){
    .section-container{
        margin:25px auto;
        padding:0 10px;
    }
    .description-section,.reviews-section,.faq-section{
        padding:20px 16px;
        border-radius:14px;
        margin-bottom:28px;
    }
    .section-title,.faq-section .section-title{
        font-size:20px;
        margin-bottom:20px;
        padding:13px 15px 13px 22px;
    }
    .description-content{
        font-size:15px;
        line-height:1.75;
    }
    .reviews-grid{
        grid-template-columns:1fr;
        gap:14px;
        margin-top:20px;
    }
    .review-card{
        padding:18px 18px 18px 20px;
        min-height:auto;
    }
    .reviewer-name{
        font-size:16px;
    }
    .review-text{
        font-size:14.5px;
    }
    .faq-container{
        gap:11px;
    }
    .faq-item{
        padding:18px 15px 18px 20px;
    }
    .faq-question{
        font-size:15.5px;
        gap:9px;
    }
    .faq-question::before{
        width:25px;
        height:25px;
        flex-basis:25px;
        font-size:12px;
    }
    .faq-answer{
        padding-left:34px;
    }
    .faq-answer::before{
        width:23px;
        height:23px;
        font-size:11px;
    }
    .faq-answer p{
        font-size:14.5px;
        line-height:1.7;
    }
}
@media(max-width:480px){
    .section-container{
        padding:0 7px;
    }
    .description-section,.reviews-section,.faq-section{
        padding:16px 12px;
        border-width:1px;
    }
    .section-title,.faq-section .section-title{
        font-size:18px;
        padding:12px 12px 12px 19px;
        clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
    }
    .section-title::before{
        width:24px;
        height:24px;
    }
    .description-content{
        font-size:14.5px;
    }
    .review-card{
        padding:17px 14px 17px 18px;
    }
    .reviewer-name{
        font-size:15px;
    }
    .reviewer-name::before{
        width:26px;
        height:26px;
    }
    .reviewer-name::after{
        left:7px;
        top:4px;
        font-size:11px;
    }
    .faq-item{
        padding:16px 12px 16px 17px;
    }
    .faq-question{
        font-size:15px;
    }
    .faq-answer p{
        font-size:14px;
    }
}
@media(prefers-reduced-motion:reduce){
    .faq-item,.faq-item::after{
        animation:none!important;
        opacity:1;
    }
}

.description-section .description-content{
    color:#f5f5f5!important;
    font-size:16px;
    line-height:1.85;
    text-shadow:0 1px 2px rgba(0,0,0,.8);
}
.description-section .description-content p{
    color:#f5f5f5!important;
    margin:0 0 20px;
}
.description-section .description-content strong{
    color:#ffd000!important;
    font-weight:800;
    text-shadow:0 0 7px rgba(255,204,0,.35);
}
.description-section .description-content a{
    color:#ff3b3b!important;
    font-weight:700;
    text-decoration:none;
}
.description-section .description-content a:hover{
    color:#ffd000!important;
}

.tp-text-note{
    color:#f2f2f2!important;
    background:linear-gradient(90deg,#650000 0%,#240000 45%,#100000 100%)!important;
    border-left:4px solid #ff2020!important;
    border-bottom:1px solid #ffd000!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 12px rgba(255,0,0,.18)!important;
    text-shadow:0 1px 2px rgba(0,0,0,.85)!important;
}
.tp-text-note strong{
    color:#ffd000!important;
}
.tp-text-note a{
    color:#ff4a4a!important;
    font-weight:700;
}
.tp-text-note a:hover{
    color:#ffd000!important;
}
.m-design__ratings{
    color:#ffffff!important;
    background:linear-gradient(180deg,#5c0000 0%,#250000 100%)!important;
    border-color:rgba(255,208,0,.55)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 10px rgba(255,0,0,.18)!important;
    text-shadow:0 1px 2px #000!important;
}
.m-design__ratings strong,
.m-design__ratings span,
.m-design__ratings .stars{
    color:#ffd000!important;
}
.m-design__ratings svg{
    fill:#ffd000!important;
    color:#ffd000!important;
}
.m-design-product-info--product-quality{
    color:#ffffff!important;
    background:linear-gradient(90deg,#bd0000 0%,#750000 48%,#3b0000 100%)!important;
    border-color:#ffd000!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 10px rgba(255,0,0,.25)!important;
    text-shadow:0 1px 2px rgba(0,0,0,.9)!important;
}
.m-design-product-info--product-quality strong,
.m-design-product-info--product-quality span{
    color:#ffffff!important;
}
.m-design-product-info--product-quality svg{
    fill:#ffd000!important;
    color:#ffd000!important;
}
.tp-text-note:hover{
    background:linear-gradient(90deg,#7e0000 0%,#310000 45%,#150000 100%)!important;
}
.m-design__ratings:hover{
    background:linear-gradient(180deg,#760000 0%,#310000 100%)!important;
}
.m-design-product-info--product-quality:hover{
    background:linear-gradient(90deg,#e00000 0%,#930000 48%,#4d0000 100%)!important;
}
.m-design-product-info--product-quality h4,
.m-design-product-info--product-quality p,
.tp-text-note p,
.tp-text-note span {
    color: #fff !important;
}


.footer-floating-SONTOTO{
    position:fixed;
    bottom:14px;
    left:50%;
    transform:translateX(-50%);
    width:calc(100% - 28px);
    max-width:1480px;
    display:flex;
    align-items:stretch;
    justify-content:center;
    gap:0;
    padding:7px;
    background:
        linear-gradient(180deg,rgba(255,40,40,.16),transparent 22%),
        linear-gradient(180deg,#2d0000 0%,#150000 46%,#080000 100%);
    border:2px solid #ffcc00;
    border-radius:18px;
    box-shadow:0 0 0 2px #4e0000,0 0 0 4px rgba(255,0,0,.34),0 0 18px rgba(255,0,0,.8),0 0 36px rgba(255,0,0,.4),0 12px 28px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -2px 0 rgba(0,0,0,.85);
    backdrop-filter:blur(15px) saturate(170%);
    -webkit-backdrop-filter:blur(15px) saturate(170%);
    overflow:visible;
    z-index:9999;
}
.footer-floating-SONTOTO::before{
    content:"";
    position:absolute;
    inset:3px;
    border:1px solid rgba(255,205,0,.42);
    border-radius:13px;
    pointer-events:none;
    box-shadow:inset 0 0 18px rgba(255,0,0,.22);
}
.footer-floating-SONTOTO::after{
    content:"";
    position:absolute;
    top:0;
    left:5%;
    width:90%;
    height:2px;
    background:linear-gradient(90deg,transparent,#ff2a2a,#ffd400,#ffffff,#ffd400,#ff2a2a,transparent);
    box-shadow:0 0 6px #ff0000,0 0 12px rgba(255,204,0,.85);
    animation:SONTOTO-headerPulse 2.8s ease-in-out infinite;
}
.footer-btn-SONTOTO{
    position:relative;
    flex:1 1 0;
    min-width:0;
    min-height:68px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:10px 10px 9px;
    font-family:"Arial Black","Segoe UI",Arial,sans-serif;
    font-size:12px;
    font-weight:900;
    letter-spacing:.45px;
    text-transform:uppercase;
    color:#ffffff;
    text-decoration:none;
    white-space:nowrap;
    user-select:none;
    cursor:pointer;
    background:
        radial-gradient(circle at 50% 10%,rgba(255,50,50,.18),transparent 45%),
        linear-gradient(180deg,#240000 0%,#120000 55%,#090000 100%);
    border-top:1px solid rgba(255,205,0,.55);
    border-bottom:1px solid rgba(255,205,0,.55);
    border-left:0;
    border-right:1px solid rgba(255,205,0,.44);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -2px 0 rgba(0,0,0,.85),0 0 0 1px rgba(255,0,0,.10),inset 0 0 20px rgba(255,0,0,.09);
    text-shadow:0 1px 2px #000,0 0 7px rgba(255,0,0,.48);
    overflow:hidden;
    transition:transform .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease,border-color .22s ease;
}
.footer-btn-SONTOTO:first-child{
    border-left:1px solid rgba(255,205,0,.55);
    border-radius:14px 0 0 14px;
}
.footer-btn-SONTOTO:last-child{
    border-right:1px solid rgba(255,205,0,.55);
    border-radius:0 14px 14px 0;
}
.footer-btn-SONTOTO::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:22px;
    height:22px;
    background:
        linear-gradient(135deg,#ffcc00 0 18%,#8d0000 18% 34%,#ffcc00 34% 50%,transparent 50%);
    opacity:.95;
    filter:drop-shadow(0 0 4px rgba(255,0,0,.75));
    pointer-events:none;
}
.footer-btn-SONTOTO::after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    width:22px;
    height:22px;
    background:
        linear-gradient(315deg,#ffcc00 0 18%,#8d0000 18% 34%,#ffcc00 34% 50%,transparent 50%);
    opacity:.95;
    filter:drop-shadow(0 0 4px rgba(255,0,0,.75));
    pointer-events:none;
}
.footer-btn-SONTOTO img{
    position:relative;
    z-index:2;
    width:26px;
    height:26px;
    object-fit:contain;
    padding:5px;
    border-radius:50%;
    background:
        radial-gradient(circle at 40% 30%,#ff4444 0%,#b10000 42%,#4b0000 70%,#160000 100%);
    border:2px solid #ffcc00;
    box-shadow:0 0 0 3px #350000,0 0 0 4px rgba(255,205,0,.45),0 0 10px rgba(255,0,0,.95),0 0 18px rgba(255,0,0,.42),inset 0 1px 2px rgba(255,255,255,.30);
    filter:none;
    transition:transform .22s ease,box-shadow .22s ease;
}
.footer-btn-SONTOTO span{
    position:relative;
    z-index:2;
}
.footer-btn-SONTOTO.login{
    background:
        radial-gradient(circle at 50% 20%,rgba(255,30,30,.18),transparent 48%),
        linear-gradient(180deg,#260000 0%,#130000 54%,#090000 100%);
}
.footer-btn-SONTOTO.daftar{
    color:#1a0000;
    background:
        linear-gradient(135deg,rgba(255,255,255,.16),transparent 30%),
        linear-gradient(180deg,#ffd923 0%,#ffba00 42%,#ef8b00 100%);
    border-top-color:#fff2a6;
    border-bottom-color:#b96d00;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.82),inset 0 -3px 0 rgba(124,52,0,.35),0 0 12px rgba(255,190,0,.55),0 0 22px rgba(255,0,0,.24);
    text-shadow:0 1px 0 rgba(255,255,255,.48);
    transform:translateY(-4px);
    min-height:76px;
    z-index:3;
    clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);
}
.footer-btn-SONTOTO.daftar::before{
    background:
        linear-gradient(135deg,#ffffff 0 16%,#ff3b00 16% 32%,#6a0000 32% 48%,transparent 48%);
}
.footer-btn-SONTOTO.daftar::after{
    background:
        linear-gradient(315deg,#ffffff 0 16%,#ff3b00 16% 32%,#6a0000 32% 48%,transparent 48%);
}
.footer-btn-SONTOTO.daftar img{
    background:
        radial-gradient(circle at 40% 30%,#ff3b3b 0%,#cb0000 40%,#630000 72%,#240000 100%);
    border-color:#7e0000;
    box-shadow:0 0 0 3px #ffd000,0 0 0 5px rgba(129,0,0,.72),0 0 13px rgba(255,0,0,.95),inset 0 1px 2px rgba(255,255,255,.35);
}
.footer-btn-SONTOTO.link{
    background:
        radial-gradient(circle at 50% 20%,rgba(255,0,0,.18),transparent 48%),
        linear-gradient(180deg,#280000 0%,#140000 54%,#090000 100%);
}
.footer-btn-SONTOTO.chat{
    background:
        radial-gradient(circle at 50% 20%,rgba(255,20,20,.20),transparent 48%),
        linear-gradient(180deg,#2b0000 0%,#150000 54%,#090000 100%);
}
.footer-btn-SONTOTO:hover{
    color:#ffffff;
    background:
        radial-gradient(circle at 50% 20%,rgba(255,110,110,.28),transparent 52%),
        linear-gradient(180deg,#8b0000 0%,#4a0000 55%,#200000 100%);
    border-color:#ffe06a;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 0 rgba(70,0,0,.85),0 0 14px rgba(255,0,0,.85),0 0 26px rgba(255,0,0,.38),inset 0 0 24px rgba(255,0,0,.18);
    transform:translateY(-4px);
}
.footer-btn-SONTOTO.daftar:hover{
    color:#1d0000;
    background:
        linear-gradient(135deg,rgba(255,255,255,.30),transparent 32%),
        linear-gradient(180deg,#fff179 0%,#ffd000 40%,#ff9e00 100%);
    box-shadow:inset 0 1px 0 #ffffff,inset 0 -3px 0 rgba(124,52,0,.36),0 0 12px rgba(255,214,0,.95),0 0 26px rgba(255,171,0,.75),0 0 38px rgba(255,0,0,.35);
    transform:translateY(-7px) scale(1.015);
}
.footer-btn-SONTOTO:hover img{
    transform:scale(1.10) rotate(-4deg);
    box-shadow:0 0 0 3px #350000,0 0 0 4px #ffd000,0 0 12px rgba(255,0,0,1),0 0 24px rgba(255,0,0,.55),inset 0 1px 2px rgba(255,255,255,.35);
}
.footer-btn-SONTOTO:active{
    transform:translateY(-1px) scale(.98);
    transition-duration:.08s;
}
.footer-btn-SONTOTO.daftar:active{
    transform:translateY(-3px) scale(.98);
}
.footer-btn-SONTOTO:focus-visible{
    outline:none;
    box-shadow:inset 0 0 18px rgba(255,0,0,.28),0 0 0 2px #ffffff,0 0 12px rgba(255,0,0,.9);
}
@keyframes SONTOTO-headerPulse{
    0%,100%{
        opacity:.45;
        filter:brightness(1);
    }
    50%{
        opacity:1;
        filter:brightness(1.5);
    }
}
@media(max-width:900px){
    .footer-floating-SONTOTO{
        width:calc(100% - 18px);
        bottom:9px;
        padding:5px;
    }
    .footer-btn-SONTOTO{
        min-height:60px;
        padding:8px 6px 7px;
        font-size:10px;
        gap:4px;
    }
    .footer-btn-SONTOTO.daftar{
        min-height:68px;
    }
    .footer-btn-SONTOTO img{
        width:23px;
        height:23px;
        padding:4px;
    }
}
@media(max-width:600px){
    .footer-floating-SONTOTO{
        width:calc(100% - 10px);
        bottom:5px;
        padding:4px;
        border-radius:14px;
    }
    .footer-btn-SONTOTO{
        min-height:55px;
        padding:7px 2px 6px;
        font-size:8px;
        letter-spacing:0;
        gap:4px;
    }
    .footer-btn-SONTOTO:first-child{
        border-radius:10px 0 0 10px;
    }
    .footer-btn-SONTOTO:last-child{
        border-radius:0 10px 10px 0;
    }
    .footer-btn-SONTOTO.daftar{
        min-height:62px;
        transform:translateY(-3px);
    }
    .footer-btn-SONTOTO img{
        width:20px;
        height:20px;
        padding:3px;
        border-width:1px;
    }
    .footer-btn-SONTOTO::before,.footer-btn-SONTOTO::after{
        width:14px;
        height:14px;
    }
}
@media(max-width:380px){
    .footer-btn-SONTOTO{
        min-height:51px;
        font-size:7px;
    }
    .footer-btn-SONTOTO.daftar{
        min-height:58px;
    }
    .footer-btn-SONTOTO img{
        width:18px;
        height:18px;
    }
}
@media(prefers-reduced-motion:reduce){
    .footer-floating-SONTOTO::after{
        animation:none;
    }
}