#seo-article,#seo-reviews,#faq{scroll-margin-top:90px}
.seo-article,.seo-reviews{
  max-width:1200px;
  margin:40px auto;
  padding:40px 22px 48px;
  font-family:Arial,sans-serif;
  position:relative;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(255,215,0,.12);
  box-shadow:0 0 40px rgba(249,212,35,.08),0 0 80px rgba(204,0,0,.05);
  background-color:#050508;
  background-image:radial-gradient(ellipse at 15% 30%,rgba(204,0,0,.08) 0,transparent 50%),radial-gradient(ellipse at 85% 20%,rgba(0,200,255,.06) 0,transparent 45%),radial-gradient(ellipse at 50% 90%,rgba(249,212,35,.06) 0,transparent 40%),linear-gradient(180deg,#050508 0,#0e0c14 50%,#08080c 100%);
  color:#c8c8d0
}
.seo-article::before,.seo-reviews::before{
  content:"";
  position:absolute;
  inset:-50%;
  background:radial-gradient(circle at 20% 30%,rgba(249,212,35,.14),transparent 40%),radial-gradient(circle at 80% 40%,rgba(204,0,0,.1),transparent 45%),radial-gradient(circle at 50% 80%,rgba(0,200,255,.08),transparent 50%);
  filter:blur(50px);
  animation:nebulaMove 14s ease-in-out infinite alternate;
  z-index:0
}
.seo-article::after,.seo-reviews::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 80px 120px,#fff,transparent),radial-gradient(1px 1px at 160px 60px,#fff,transparent),radial-gradient(2px 2px at 300px 200px,#fff,transparent);
  background-size:700px 500px;
  opacity:.28;
  z-index:0;
  pointer-events:none
}
.seo-article > *,.seo-reviews > *{position:relative;z-index:1}
.seo-kicker{
  display:inline-block;
  margin:0 0 12px;
  padding:6px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  letter-spacing:1.6px;
  text-transform:uppercase;
  color:#1a0a00;
  background:linear-gradient(135deg,#b8860b 0,#f9d423 45%,#e8a800 100%)
}
.seo-title{
  text-align:center;
  font-size:clamp(22px,3.2vw,34px);
  font-weight:800;
  color:#1a0a00;
  padding:18px 20px;
  margin:0 0 28px;
  border-radius:18px;
  line-height:1.35;
  background:linear-gradient(135deg,#b8860b 0,#f9d423 45%,#e8a800 100%);
  border:1px solid rgba(255,215,0,.5);
  box-shadow:0 10px 30px rgba(249,212,35,.35),0 0 20px rgba(204,0,0,.15);
  text-shadow:0 1px 0 rgba(255,255,255,.25)
}
.seo-lead{
  font-size:17px;
  line-height:1.85;
  color:#ececec;
  margin:0 0 22px
}
.seo-article h3{
  margin:28px 0 12px;
  color:#f9d423;
  font-size:22px;
  font-weight:800;
  line-height:1.4
}
.seo-article p{
  margin:0 0 16px;
  line-height:1.85;
  color:#c8c8d0
}
.seo-article .seo-lead{
  font-size:17px;
  color:#ececec
}
.seo-article a{color:#f9d423;font-weight:700}
.seo-article a:hover{color:#fff}
.seo-figure{
  margin:8px 0 24px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,215,0,.18)
}
.seo-figure img{display:block;width:100%;height:auto}
.seo-figure figcaption{
  padding:10px 14px;
  font-size:13px;
  color:#9a9aaa;
  background:#0a090f
}
.seo-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin:8px 0 24px
}
.seo-card{
  background:#151218;
  border:1px solid rgba(255,215,0,.12);
  border-radius:16px;
  padding:18px 18px 8px
}
.seo-card h3{margin-top:0}
.seo-list{
  margin:0 0 20px;
  padding:0 0 0 20px
}
.seo-list li{margin:0 0 10px;line-height:1.7}
.seo-table-wrap{overflow-x:auto;margin:8px 0 24px;border-radius:14px;border:1px solid rgba(255,215,0,.14)}
.seo-table{
  width:100%;
  border-collapse:collapse;
  background:#0a090f;
  min-width:520px
}
.seo-table th,.seo-table td{
  padding:12px 14px;
  text-align:left;
  border-bottom:1px solid rgba(255,215,0,.1);
  font-size:14px
}
.seo-table th{
  color:#1a0a00;
  background:linear-gradient(135deg,#b8860b 0,#f9d423 45%,#e8a800 100%)
}
.seo-table td{color:#d8d8e0}
.seo-table tr:last-child td{border-bottom:0}
.seo-cta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:8px
}
.seo-cta a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:160px;
  padding:12px 18px;
  border-radius:10px;
  text-decoration:none;
  font-weight:800;
  letter-spacing:.4px
}
.seo-cta-daftar{
  background:linear-gradient(180deg,#fff5b7 0,#f9d423 35%,#e8a800 100%);
  color:#1a0a00 !important
}
.seo-cta-login{
  background:linear-gradient(180deg,#1a0505 0,#0a0000 100%);
  border:2px solid #c00;
  color:#fff !important
}
.seo-review-summary{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  align-items:center;
  justify-content:space-between;
  margin:0 0 28px;
  padding:18px 20px;
  border-radius:16px;
  background:#151218;
  border:1px solid rgba(255,215,0,.14)
}
.seo-score{display:flex;align-items:center;gap:14px}
.seo-score-num{
  font-size:42px;
  font-weight:800;
  color:#f9d423;
  line-height:1
}
.seo-stars{color:#f9d423;letter-spacing:2px;font-size:18px}
.seo-score-meta{color:#9a9aaa;font-size:14px;margin-top:4px}
.seo-review-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px
}
.seo-review-card{
  background:#151218;
  border:1px solid rgba(255,215,0,.12);
  border-radius:16px;
  padding:18px 18px 16px
}
.seo-review-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:10px
}
.seo-review-name{margin:0;color:#fff;font-size:16px;font-weight:800}
.seo-review-city{display:block;color:#9a9aaa;font-size:12px;font-weight:500;margin-top:3px}
.seo-review-card p{margin:0;line-height:1.75;color:#c8c8d0;font-size:14px}
.seo-review-date{display:block;margin-top:12px;color:#8a8a96;font-size:12px}
.faq-question span{flex-shrink:0}
.desc-seo h2,.desc-seo h3{color:#222;font-weight:800}
.desc-seo h2{font-size:22px;margin:0 0 12px}
.desc-seo h3{font-size:18px;margin:22px 0 8px}
.desc-seo p{line-height:1.8;margin:0 0 12px;color:#444}
.desc-seo ul{margin:0 0 12px;padding-left:20px}
.desc-seo li{margin:0 0 8px;line-height:1.7;color:#444}
@media (max-width:768px){
  .seo-grid,.seo-review-grid{grid-template-columns:1fr}
  .seo-article,.seo-reviews{padding:28px 14px 34px}
}