/* Inline <style> #6 — Octagram */


.tsyn-section{
    max-width:1200px;
    margin:70px auto;
    padding:55px;
    position:relative;
    background:linear-gradient(145deg,#1a1304,#030303 45%,#171000);
    border:1px solid rgba(253,208,23,.6);
    clip-path:polygon(2% 0,98% 0,100% 5%,100% 95%,98% 100%,2% 100%,0 95%,0 5%);
    box-shadow:0 30px 80px rgba(0,0,0,.9),0 0 50px rgba(253,208,23,.18);
}
.tsyn-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at top,rgba(253,208,23,.18),transparent 35%);
    pointer-events:none;
}
.tsyn-section h2{
    position:relative;
    text-align:center;
    font-size:36px;
    font-weight:1000;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:45px;
    background:linear-gradient(180deg,#fff5b0,#fdd017,#8d6100);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(0 8px 10px #000);
}
.tsyn-faq{
    position:relative;
    max-width:950px;
    margin:auto;
}
.tsyn-section details{
    position:relative;
    margin-bottom:16px;
    padding:22px 28px;
    background:linear-gradient(135deg,#181818,#070707);
    border:1px solid rgba(253,208,23,.3);
    border-radius:12px;
    overflow:hidden;
    transition:.4s ease;
}
.tsyn-section details::after{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:60%;
    height:100%;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.15),transparent);
    transition:.7s;
}
.tsyn-section details:hover::after{
    left:150%;
}
.tsyn-section details[open]{
    border-color:#fdd017;
    transform:scale(1.02);
    box-shadow:0 15px 35px rgba(253,208,23,.25);
}
.tsyn-section summary{
    color:#fdd017;
    font-size:18px;
    font-weight:800;
}
.tsyn-section details p{
    margin-top:18px;
    color:#ddd;
    line-height:1.8;
}
.testimoni-wrapper{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
    margin-top:45px;
}
.tsyn-section blockquote{
    position:relative;
    padding:25px 26px 22px;
    min-height:140px;
    background:linear-gradient(145deg,#151515,#050505);
    border:1px solid rgba(253,208,23,.3);
    border-radius:16px;
    box-shadow:inset 0 0 20px rgba(253,208,23,.04),0 12px 30px rgba(0,0,0,.75);
    color:#e8e8e8;
    font-size:14.5px;
    line-height:1.7;
    transition:.35s ease;
}
.tsyn-section blockquote:hover{
    transform:translateY(-4px);
    border-color:#fdd017;
    box-shadow:inset 0 0 25px rgba(253,208,23,.08),0 18px 40px rgba(253,208,23,.18);
}
.tsyn-section blockquote::before{
    content:"&#10077;";
    position:absolute;
    top:0;
    left:15px;
    font-size:50px;
    color:#fdd017;
    opacity:.25;
}
.tsyn-section cite{
    display:block;
    margin-top:15px;
    text-align:right;
    color:#fdd017;
    font-size:13px;
    font-weight:800;
}
.seller-name__detail a{
    display:inline-flex;
    margin-top:50px;
    padding:14px 40px;
    border-radius:50px;
    color:#161000;
    font-weight:900;
    background:linear-gradient(135deg,#fff1a8,#fdd017,#9b6900);
    box-shadow:0 15px 35px rgba(253,208,23,.35);
}
@media(max-width:700px){
    .tsyn-section{
        padding:35px 20px;
    }
    .testimoni-wrapper{
        grid-template-columns:1fr;
    }
}