.css-16fyljq{margin-top:-0.25rem;font-weight:700;text-transform:capitalize;}
.css-1hpx0g7{overflow-wrap:inherit;margin-top:-0.25rem;font-weight:700;text-transform:capitalize;}.css-1hpx0g7 :has(sup){-webkit-text-decoration:none;text-decoration:none;}
.css-1waoccr{margin:0;font-weight:400;font-size:0.75rem;text-transform:inherit;line-height:1.22;font-family:"LGEI Text",sans-serif;overflow-wrap:inherit;margin-top:-0.25rem;font-weight:700;text-transform:capitalize;}.css-1waoccr :has(sup){-webkit-text-decoration:none;text-decoration:none;}
:root{--brand:#ffffff;--brand-mid:#eafbff;--brand-dark:#e7faff;--border:#d6d6d6;--bg:#fff;--shadow:0 6px 15px rgba(0,0,0,.08);}
.app-card{max-width:650px;margin:0px auto;background:var(--bg);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);transition:transform .2s,box-shadow .3s;font-family:oxanium;font-size:.92rem;}
.app-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.12);}
.app-header{padding:12px 16px;text-align:center;background:linear-gradient(135deg,var(--brand),var(--brand-mid),var(--brand-dark));color:#36041d;font-weight:800;font-size:1.15rem;text-shadow:0 1px 2px rgba(0,0,0,.3);}
.app-table{width:100%;border-collapse:collapse;}
.app-table th,.app-table td{padding:8px 12px;vertical-align:middle;}
.app-table th{width:35%;background:var(--brand-mid);color:#36041d;font-weight:700;letter-spacing:.2px;border-bottom:1px solid #36041d;text-transform:uppercase;font-size:.85rem;}
.app-table td{border-bottom:1px solid var(--border);color:#1f1f1f;font-size:.9rem;}
@media(max-width:640px){.app-table,.app-table tbody,.app-table tr,.app-table th,.app-table td{display:block;width:100%;}}
.review-section{max-width:850px;margin:0px auto;display:flex;flex-direction:column;gap:5px;font-family:oxanium;}
.review-card{background:#f5f5f5;padding:16px 20px;border-radius:10px;border-left:5px solid var(--brand);box-shadow:0 3px 6px rgba(0,0,0,.05);transition:all .25s ease-in-out;}
.review-card:hover{transform:translateY(-3px);box-shadow:0 5px 10px rgba(0,0,0,.08);}
.review-author{font-weight:700;color:#36041d ;margin-bottom:6px;display:flex;align-items:center;gap:6px;font-size:15px;}
.review-author::before{content:"👤";font-size:20px;}
.review-card p{margin:0;color:#222;font-size:14px;line-height:1.6;}
.review-rating{margin-left:auto;font-weight:700}
.stars{
--rating:5;
--star-size:1rem;
--star-gap:2px;
--star-empty:#36041d;
--star-fill:#36041d;
position:relative;
display:inline-block;
font-size:var(--star-size);
line-height:1;
letter-spacing:var(--star-gap);
}
.stars::before{
content:"★★★★★";
color:var(--star-empty);
}
.stars::after{
content:"★★★★★";
color:var(--star-fill);
position:absolute;left:0;top:0;
width:calc((var(--rating)/5)*100%);
overflow:hidden;white-space:nowrap;pointer-events:none;
}
.stars.lg{--star-size:1.1rem;letter-spacing:3px}
.badge{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.badge small{color:#555;font-weight:600}
.review-card{
padding:12px 16px; /* lebih kecil */
}
.app-header{
padding:10px 14px; /* lebih compact */
}
.faq-title {
margin-bottom: 16px;
font-size: 18px;
font-weight: 700;
}
.faq-wrapper {
display: block !important;
height: auto !important;
overflow: visible !important;
}
.faq-item {
border-bottom: 1px solid #13561c;
}
.faq-question {
width: 100%;
background: none;
border: none;
padding: 14px 0;
font-size: 15px;
font-weight: 600;
text-align: left;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.faq-question .icon {
font-size: 20px;
transition: transform .3s ease;
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height .35s ease;
font-size: 14px;
color: #555;
padding-right: 10px;
}
.faq-item.active .faq-answer {
max-height: 200px;
padding-bottom: 12px;
}
.faq-item.active .icon {
transform: rotate(45deg);
}
.btn-wrapper{
display:flex;
justify-content:center;
align-items:center;
gap:10px;
flex-wrap:wrap;
margin-top:20px;
}
.btn-x{
display:inline-block;
min-width:200px;      
text-align:center;    
padding:14px 28px;    
margin:5px;
background:rgb(240, 240, 240);
color:#000000;
font-weight:700;
border-radius:10px;
text-decoration:none;
box-shadow:0 2px 6px rgba(0, 0, 0, 0.2);
cursor:pointer;
}
.btn-x:hover{
background:rgb(201, 201, 201);   
}