:root{
  --brand:#48addb;
  --brand-soft: rgba(72,173,219,.15);
  --brand-soft-2: rgba(72,173,219,.25);
  --brand-glow: rgba(72,173,219,.35);
  --brand-dark:#2b8bb8;

  --txt:#0f172a;
  --muted: rgba(15,23,42,.70);
}

/* HERO */
.pg-hero{
  position:relative;
  padding: 54px 0 34px;
  background:
    radial-gradient(900px 420px at 20% 10%, rgba(72,173,219,.18), transparent 55%),
    radial-gradient(900px 420px at 80% 0%, rgba(72,173,219,.10), transparent 55%),
    var(--bg) center/cover no-repeat;
  overflow:hidden;
}
.pg-hero__overlay{
  position:absolute; inset:0;
  background: linear-gradient(16deg, rgb(13 73 105) 0%, rgb(10 145 209) 100%);
}
.pg-hero__inner{
  position:relative;
  display:flex;
  gap:24px;
  align-items:flex-end;
  justify-content:space-between;
}
.pg-hero__left{max-width:820px; color:#eef3ff}
.pg-hero__right{min-width:260px}

.pg-pill{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 12px;
  border-radius:999px;
  background: rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(10px);
  font-weight:800;
}
.pg-pill i{color:var(--brand)}
.pg-title{margin:12px 0 10px; font-size:34px; line-height:1.12; font-weight:500}
.pg-desc{max-width:760px; color: rgba(238,243,255,.78); font-size:15px; line-height:1.7}

.pg-search{
  margin-top:16px;
  display:flex; align-items:center; gap:10px;
  padding:10px 12px;
  border-radius:16px;
  background: rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(10px);
}
.pg-search:focus-within{
  border-color: var(--brand);
  box-shadow: 0 0 0 4px rgba(72,173,219,.18);
}
.pg-search i{opacity:.95}
.pg-search input{
  flex:1;
  background:transparent;
  border:0;
  outline:0;
  color:#fff;
  font-size:15px;
}
.pg-search button{
  width:40px; height:40px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(72,173,219,.18);
  color:#fff;
  cursor:pointer;
}
.pg-search button:hover{background: rgba(72,173,219,.28)}

.pg-stats{
  margin-top:14px;
  display:flex; flex-wrap:wrap; gap:10px;
}
.pg-stat{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px;
  border-radius:16px;
  background: rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
}
.pg-stat i{color:var(--brand)}
.pg-stat b{display:block; font-weight:500}
.pg-stat small{display:block; color: rgba(238,243,255,.70); margin-top:1px}

.pg-card{
  display:flex; gap:12px; align-items:center;
  padding:14px;
  border-radius:20px;
  background: rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(12px);
  color:#eef3ff;
  box-shadow: 0 18px 60px rgba(0,0,0,.18);
}
.pg-card__icon{
  width:44px; height:44px;
  display:grid; place-items:center;
  border-radius:16px;
  background: rgba(72,173,219,.20);
  border:1px solid rgba(72,173,219,.30);
}
.pg-card__icon i{color:#fff}
.pg-card__txt b{display:block; font-weight:500}
.pg-card__txt small{display:block; color: rgba(238,243,255,.70)}

.pg-section{padding: 22px 0 46px}
.pg-muted{color: var(--muted)}

/* FAQ WRAP */
.faq-wrap{
  background: rgba(255,255,255,.92);
  border:1px solid rgba(0,0,0,.06);
  border-radius:22px;
  padding:18px;
  box-shadow: 0 18px 60px rgba(15,23,42,.10);
}
.faq-head{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.faq-title{
  margin:0;
  font-size:18px;
  font-weight:500;
  color:var(--txt);
  display:flex; align-items:center; gap:10px;
}
.faq-title i{color:var(--brand)}
.faq-count{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px;
  border-radius:14px;
  background: var(--brand-soft);
  border:1px solid var(--brand-soft-2);
  color:var(--brand-dark);
  font-weight:500;
}

.faq-list{display:flex; flex-direction:column; gap:10px}
.faq-item{
  border-radius:18px;
  border:1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.70);
  overflow:hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.faq-item:hover{
  transform: translateY(-2px);
  border-color: var(--brand-soft-2);
  box-shadow: 0 16px 40px rgba(15,23,42,.10);
}

.faq-q{
  width:100%;
  display:flex; align-items:center; gap:12px;
  padding:14px 14px;
  background:transparent;
  border:0;
  cursor:pointer;
  text-align:left;
}
.faq-q__icon{
  width:40px; height:40px;
  border-radius:16px;
  display:grid; place-items:center;
  background: var(--brand-soft);
  border:1px solid var(--brand-soft-2);
  color: var(--brand-dark);
}
.faq-q__text{
  flex:1;
  font-weight:500;
  color: var(--txt);
  line-height:1.25;
}
.faq-q__chev{
  width:36px; height:36px;
  border-radius:14px;
  display:grid; place-items:center;
  background: rgba(15,23,42,.05);
  border:1px solid rgba(0,0,0,.06);
  color: rgba(15,23,42,.70);
  transition: transform .18s ease;
}

.faq-item.is-open .faq-q__chev{transform: rotate(180deg)}
.faq-a{border-top:1px solid rgba(0,0,0,.06)}
.faq-a__inner{
  padding: 12px 14px 16px;
  color: rgba(15,23,42,.78);
  line-height:1.8;
}
.faq-a__inner a{color: var(--brand-dark); font-weight:500}
.faq-a__inner img{max-width:100%; height:auto; border-radius:14px}

.faq-empty{
  margin-top:12px;
  padding:18px;
  border-radius:18px;
  border:1px dashed rgba(0,0,0,.16);
  background: rgba(255,255,255,.75);
  display:grid;
  place-items:center;
  gap:6px;
  color: var(--txt);
}
.faq-empty i{font-size:22px; color: var(--brand)}

/* Responsive */
@media (max-width: 980px){
  .pg-hero__inner{flex-direction:column; align-items:stretch}
  .pg-hero__right{min-width:0}
}
@media (max-width: 520px){
  .pg-title{font-size:28px}
  .faq-wrap{padding:14px}
  .faq-q{padding:12px}
  .faq-q__icon{width:38px;height:38px;border-radius:14px}
}



.pg-descWrap{margin-top:10px; display:flex; flex-direction:column; gap:14px}

.pg-desc{
  color: rgba(238,243,255,.82);
  font-size:15px;
  line-height:1.75;
}
.pg-desc b{color:#fff}

.pg-highlight{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:12px;
}
.pg-hItem{
  display:flex; gap:12px; align-items:flex-start;
  padding:12px 12px;
  border-radius:18px;
  background: rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
}
.pg-hItem i{
  width:40px; height:40px;
  display:grid; place-items:center;
  border-radius:16px;
  background: rgba(72,173,219,.20);
  border:1px solid rgba(72,173,219,.28);
  color:#fff;
}
.pg-hItem b{display:block; font-weight:500; color:#fff; line-height:1.25}
.pg-hItem span{display:block; margin-top:3px; color: rgba(238,243,255,.70); font-size:13px; line-height:1.45}

.pg-ctaRow{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:2px;
}
.pg-ctaBtn{
  display:inline-flex; align-items:center; gap:10px;
  padding:12px 14px;
  border-radius:999px;
  font-weight:500;
  text-decoration:none;
  background: var(--brand);
  color:#fff;
  box-shadow: 0 16px 36px rgba(72,173,219,.28);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.pg-ctaBtn:hover{
  transform: translateY(-2px);
  box-shadow: 0 20px 55px rgba(72,173,219,.35);
  filter: brightness(1.02);
}
.pg-ctaBtn--ghost{
  background: rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:none;
}
.pg-ctaBtn--ghost:hover{
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
}

/* responsive */
@media (max-width: 980px){
  .pg-highlight{grid-template-columns: 1fr}
}