:root{
  --yg-accent:#39b530;
  --yg-accent-2:#ff6161;
  --yg-red:#fb3737;
  --yg-green:#39b530;
  --yg-orange:#ff5500;
  --yg-amber:#E9B800;
  --yg-ink:#1f2a38;
  --yg-ink-2:#575760;
  --yg-ink-3:#b2b2be;
  --yg-body:#222222;
  --yg-bg:#f7f8f9;
  --yg-surface:#ffffff;
  --yg-soft:#f0f0f0;
  --yg-line:#e2e8f0;
  --yg-sky:#f9f9f9;
  --yg-sky-line:#cfe0ff;
  --yg-radius:14px;
  --yg-shadow:0 1px 3px rgba(16,24,40,.06),0 1px 2px rgba(16,24,40,.04);
  --yg-shadow-lg:0 8px 28px rgba(16,24,40,.10);
}

.yg-section{
  background:var(--yg-surface);
  border:1px solid var(--yg-line);
  border-radius:var(--yg-radius);
  box-shadow:var(--yg-shadow);
  padding:20px;
  margin:16px 0;
  scroll-margin-top:72px;
}
.yg-section h2{margin:0 0 .5em;}
.yg-section p{color:var(--yg-body);margin:0 0 12px}
.yg-section p:last-child{margin-bottom:0}

.yg-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--yg-accent);font-weight:800;font-size:12px;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;
}
.yg-eyebrow svg{width:15px;height:15px}

.yg-hero{
  background: #fff;
  border:1px solid var(--yg-line);border-radius:var(--yg-radius);
  box-shadow:var(--yg-shadow);padding:22px;margin:14px 0;
}
.yg-hero__top{display:flex;gap:16px;align-items:center}
.yg-hero__icon{
  width:84px;height:84px;border-radius:20px;overflow:hidden;flex:0 0 auto;
  background:#fff;box-shadow:var(--yg-shadow-lg);
}
.yg-hero__icon img{width:100%;height:100%;object-fit:cover}
.yg-hero h1{margin:0 0 4px}
.yg-hero__sub{color:var(--yg-ink-2);font-size:14px}

.yg-badge{
  display:inline-flex;align-items:center;gap:6px;background:var(--yg-green);
  color:#fff;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;margin-top:8px;
}
.yg-badge svg{width:13px;height:13px}

.yg-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}
.yg-chip{background:var(--yg-surface);border:1px solid var(--yg-line);border-radius:12px;padding:10px;text-align:center}
.yg-chip b{display:block;font-size:17px;color:var(--yg-ink)}
.yg-chip span{font-size:11px;color:var(--yg-ink-2);font-weight:600}

.yg-cta{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.yg-btn{
  display:flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 18px;border-radius:12px;font-weight:800;font-size:15px;
  border:none;cursor:pointer;text-decoration:none;
  transition:transform .12s ease,box-shadow .12s ease,opacity .12s;
}
.yg-btn svg{width:18px;height:18px}
.yg-btn--primary{background:linear-gradient(180deg, #39b530, #318a28);color:#fff}
.yg-btn--primary:hover{transform:translateY(-1px);color:#fff}
.yg-btn--ghost{background:#fff;color:var(--yg-accent);border:2px solid var(--yg-accent)}
.yg-btn--ghost:hover{background:var(--yg-sky)}

.yg-answer{
  background:var(--yg-sky);
  border-left:4px solid var(--yg-accent);border-radius:12px;padding:16px 18px;margin-top:16px;
}
.yg-answer p{color:#222;margin:0}

.yg-byline{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  font-size:13px;color:var(--yg-ink-2);margin-top:14px;padding-top:14px;border-top:1px solid var(--yg-line);
}
.yg-byline b{color:var(--yg-ink)}
.yg-byline .yg-dot{width:4px;height:4px;border-radius:50%;background:var(--yg-ink-3)}

.yg-spec{width:100%;border-collapse:collapse;font-size:14px;margin-top:6px}
.yg-spec th,.yg-spec td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--yg-line);vertical-align:top}
.yg-spec th{color:var(--yg-ink);font-weight:700;width:42%}
.yg-spec td{color:var(--yg-ink-2)}
.yg-spec tr:last-child th,.yg-spec tr:last-child td{border-bottom:none}

.yg-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}
.yg-feat{background:var(--yg-bg);border:1px solid var(--yg-line);border-radius:12px;padding:14px}
.yg-feat b{display:flex;align-items:center;gap:8px;color:var(--yg-ink);font-size:15px;margin-bottom:4px}
.yg-feat b svg{width:18px;height:18px;color:var(--yg-accent);flex:0 0 auto}
.yg-feat span{font-size:13.5px;color:var(--yg-ink-2)}

.yg-steps{list-style:none;counter-reset:s;margin-top:6px;padding:0}
.yg-steps li{counter-increment:s;position:relative;margin-top:20px;border-bottom:1px dashed var(--yg-line)}
.yg-steps li:last-child{border-bottom:none}
.yg-steps li::before{
  content:counter(s);position:absolute;left:0;top:11px;width:30px;height:30px;border-radius:50%;
  background:var(--yg-accent);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:14px;
}
.yg-steps li b{color:var(--yg-ink)}
.yg-steps li small{display:block;color:var(--yg-ink-2);font-size:13.5px}

.yg-ticks{list-style:none;margin-top:6px;padding:0}
.yg-ticks li{position:relative;padding:7px 0 7px 28px;color:var(--yg-body);font-size:14.5px}
.yg-ticks li::before{
  content:"";position:absolute;left:0;top:11px;width:16px;height:16px;border-radius:50%;background:var(--yg-green);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9 16.2l-3.5-3.5L4 14.2 9 19 20 8l-1.4-1.4z'/></svg>") center/12px no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9 16.2l-3.5-3.5L4 14.2 9 19 20 8l-1.4-1.4z'/></svg>") center/12px no-repeat;
}

.yg-reviews{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}
.yg-review{background:var(--yg-bg);border:1px solid var(--yg-line);border-radius:12px;padding:14px}
.yg-stars{color:var(--yg-amber);font-size:14px;letter-spacing:1px}
.yg-review p{font-size:14px;color:var(--yg-body);margin:6px 0 8px}
.yg-review cite{font-size:12.5px;color:var(--yg-ink-2);font-style:normal;font-weight:600}

.yg-faq details{background:var(--yg-bg);border:1px solid var(--yg-line);border-radius:12px;margin-bottom:10px;overflow:hidden}
.yg-faq summary{
  cursor:pointer;font-weight:700;color:var(--yg-ink);font-size:15px;padding:14px 16px;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:10px;
}
.yg-faq summary::-webkit-details-marker{display:none}
.yg-faq summary::after{content:"+";font-size:20px;color:var(--yg-accent);font-weight:700;transition:transform .2s}
.yg-faq details[open] summary::after{transform:rotate(45deg)}
.yg-faq details p{padding:0 16px 14px;color:var(--yg-ink-2);font-size:14px;margin:0}

.yg-related__intro{color:var(--yg-body);}
.yg-apps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:10px}
.yg-app{
  background:var(--yg-surface);border:1px solid var(--yg-line);border-radius:14px;padding:14px;
  text-align:center;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;
  transition:transform .12s,box-shadow .12s;
}
.yg-app:hover{transform:translateY(-3px);box-shadow:var(--yg-shadow-lg)}
.yg-app__img{width:54px;height:54px;border-radius:12px;margin:0 auto 8px;object-fit:cover}
.yg-app__name{font-weight:800;font-size:14px;color:var(--yg-ink)}
.yg-app__bonus{font-size:12px;color:var(--yg-orange);font-weight:700;margin-top:2px}
.yg-app__wd{font-size:11.5px;color:var(--yg-ink-2)}
.yg-app__btn{margin-top:8px;width:100%;background:linear-gradient(180deg, #39b530, #318a28);color:#fff;border-radius:8px;padding:7px;font-size:12.5px;font-weight:700}

.yg-kw{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.yg-kw a{background:var(--yg-bg);border:1px solid var(--yg-line);color:var(--yg-ink-2);font-size:12.5px;font-weight:600;padding:6px 11px;border-radius:999px;text-decoration:none}
.yg-kw a:hover{background:var(--yg-accent);color:#fff;border-color:var(--yg-accent)}

.yg-notice{background:#fef3c7;border:1px solid #fbbf24;color:#78350f;border-radius:12px;padding:14px;font-size:13.5px;margin-top:12px}
.yg-alert{background:#fee2e2;border:1px solid #ef4444;color:#991b1b;border-radius:12px;padding:14px;font-size:13.5px;margin-top:10px}

.yg-sticky{
  position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--yg-line);
  padding:10px 14px;display:none;box-shadow:0 -4px 18px rgba(16,24,40,.08);transition:transform .25s ease;
}
.yg-sticky a{
  display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;
  background:linear-gradient(135deg,var(--yg-accent),var(--yg-accent-2));color:#fff;font-weight:800;padding:13px;border-radius:12px;font-size:16px;
}
.yg-sticky svg{width:18px;height:18px}
.yg-sticky.yg-sticky--hidden{transform:translateY(120%)}

@media (max-width:560px){
  .yg-grid2{grid-template-columns:1fr}
  .yg-reviews{grid-template-columns:1fr}
}
@media (max-width:520px){
  .yg-chips{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:560px){
  .yg-apps{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:768px){
  .yg-sticky{display:block}
  body.yg-has-sticky{padding-bottom:74px}
}