/* KSC R4 TARGETED PREMIUM */
:root{
  --ksc-r4-bg:#050505;
  --ksc-r4-panel:#101010;
  --ksc-r4-panel-2:#161616;
  --ksc-r4-gold:#FFD300;
  --ksc-r4-gold-strong:#ffd500;
  --ksc-r4-white:#fffdf6;
  --ksc-r4-text:#d2c7af;
  --ksc-r4-muted:#8f8570;
  --ksc-r4-line:rgba(255,204,0,.25);
  --ksc-r4-line-strong:rgba(255,204,0,.48);
}

html body.ksc-r4-premium{
  background:#050505 !important;
  background-image:
    linear-gradient(rgba(255,212,0,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,212,0,.035) 1px, transparent 1px),
    radial-gradient(circle at 16% 0%, rgba(255,212,0,.10), transparent 28%),
    radial-gradient(circle at 80% 6%, rgba(255,212,0,.08), transparent 22%) !important;
  background-size:58px 58px,58px 58px,auto,auto !important;
  color:var(--ksc-r4-white) !important;
  font-family:Inter,Arial,Helvetica,sans-serif !important;
}

html body.ksc-r4-premium p,
html body.ksc-r4-premium li,
html body.ksc-r4-premium span,
html body.ksc-r4-premium small,
html body.ksc-r4-premium label{
  color:var(--ksc-r4-text) !important;
}

html body.ksc-r4-premium h1,
html body.ksc-r4-premium h2,
html body.ksc-r4-premium h3,
html body.ksc-r4-premium h4,
html body.ksc-r4-premium h5,
html body.ksc-r4-premium h6,
html body.ksc-r4-premium .title,
html body.ksc-r4-premium .headline{
  color:var(--ksc-r4-white) !important;
  font-family:Inter,Arial,Helvetica,sans-serif !important;
  font-weight:900 !important;
  letter-spacing:-.04em !important;
  line-height:.98 !important;
  text-wrap:balance;
}

html body.ksc-r4-premium h1{ font-size:clamp(48px,7.4vw,96px) !important; }
html body.ksc-r4-premium h2{ font-size:clamp(34px,4.8vw,68px) !important; }
html body.ksc-r4-premium h3{ font-size:clamp(22px,2.8vw,36px) !important; }

html body.ksc-r4-premium a{
  color:var(--ksc-r4-gold) !important;
  text-decoration-color:rgba(255,204,0,.4) !important;
}

html body.ksc-r4-premium header,
html body.ksc-r4-premium nav{
  background:#000000 !important;
  border-bottom:1px solid rgba(255,204,0,.18) !important;
  backdrop-filter:blur(8px);
}

html body.ksc-r4-premium nav a,
html body.ksc-r4-premium header a{
  color:rgba(255,255,255,.86) !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

html body.ksc-r4-premium nav a:hover,
html body.ksc-r4-premium header a:hover{
  color:var(--ksc-r4-gold) !important;
}

html body.ksc-r4-premium .hero,
html body.ksc-r4-premium .intro,
html body.ksc-r4-premium .book-hero,
html body.ksc-r4-premium .auth-hero,
html body.ksc-r4-premium article,
html body.ksc-r4-premium .card,
html body.ksc-r4-premium .panel,
html body.ksc-r4-premium .box,
html body.ksc-r4-premium .surface,
html body.ksc-r4-premium [data-ksc-book-card],
html body.ksc-r4-premium .ksc-book-card,
html body.ksc-r4-premium .ksc-durak-card,
html body.ksc-r4-premium .ksc-public-auth-card,
html body.ksc-r4-premium .ksc-public-auth-shell{
  background:#101010 !important;
  background-image:
    linear-gradient(rgba(255,212,0,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,212,0,.025) 1px, transparent 1px) !important;
  background-size:46px 46px,46px 46px !important;
  border:1px solid var(--ksc-r4-line) !important;
  border-radius:22px !important;
  box-shadow:0 22px 60px rgba(0,0,0,.45) !important;
  color:var(--ksc-r4-white) !important;
}

html body.ksc-r4-premium .hero,
html body.ksc-r4-premium .intro,
html body.ksc-r4-premium .book-hero,
html body.ksc-r4-premium .auth-hero{
  padding:clamp(28px,4vw,56px) !important;
}

html body.ksc-r4-premium .badge,
html body.ksc-r4-premium .pill,
html body.ksc-r4-premium .tag,
html body.ksc-r4-premium .chip{
  background:rgba(255,204,0,.08) !important;
  color:var(--ksc-r4-gold) !important;
  border:1px solid rgba(255,204,0,.35) !important;
  border-radius:999px !important;
  padding:7px 12px !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

html body.ksc-r4-premium button,
html body.ksc-r4-premium .btn,
html body.ksc-r4-premium a.btn,
html body.ksc-r4-premium .button,
html body.ksc-r4-premium .ksc-public-auth-button{
  min-height:48px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,204,0,.42) !important;
  padding:11px 20px !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}

html body.ksc-r4-premium .btn-primary,
html body.ksc-r4-premium .primary,
html body.ksc-r4-premium .button-primary,
html body.ksc-r4-premium .ksc-public-auth-button.primary,
html body.ksc-r4-premium a.btn-primary,
html body.ksc-r4-premium button.primary{
  background:linear-gradient(180deg,#ffd500 0%,#efbf00 100%) !important;
  color:#050505 !important;
  border-color:#ffd500 !important;
  box-shadow:0 14px 36px rgba(255,204,0,.22) !important;
}

html body.ksc-r4-premium .btn-secondary,
html body.ksc-r4-premium .secondary,
html body.ksc-r4-premium .button-secondary,
html body.ksc-r4-premium a.btn-secondary,
html body.ksc-r4-premium button.secondary{
  background:transparent !important;
  color:var(--ksc-r4-gold) !important;
}

html body.ksc-r4-premium .muted,
html body.ksc-r4-premium .subtle,
html body.ksc-r4-premium .secondary-text{
  color:var(--ksc-r4-muted) !important;
}

@media (max-width:768px){
  html body.ksc-r4-premium h1{ font-size:clamp(38px,11vw,58px) !important; }
  html body.ksc-r4-premium h2{ font-size:clamp(30px,8vw,44px) !important; }
  html body.ksc-r4-premium .hero,
  html body.ksc-r4-premium .intro,
  html body.ksc-r4-premium .book-hero,
  html body.ksc-r4-premium .auth-hero{
    padding:24px !important;
  }
}