body{margin:0!important;background:#020617!important;color:#e2e8f0!important;font-family:Arial,sans-serif!important}
.header,.site-header-v2,header{display:block!important;background:#020617!important;border-bottom:1px solid #164e63!important;padding:0!important}
.nav,.site-nav-v2{width:90%!important;max-width:1280px!important;margin:auto!important;padding:16px 0!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;flex-wrap:wrap!important}
.logo,.site-logo-v2{color:#fff!important;font-size:22px!important;font-weight:900!important;text-decoration:none!important}
.logo span,.site-logo-v2 span{color:#67e8f9!important}
.main-nav,.site-menu-v2,header nav{display:flex!important;gap:13px!important;flex-wrap:wrap!important}
.main-nav a,.site-menu-v2 a,header nav a{color:#cbd5e1!important;text-decoration:none!important;font-weight:800!important;font-size:14px!important}
.section{display:block!important;visibility:visible!important;opacity:1!important;padding:64px 0!important}
.container{width:90%!important;max-width:1200px!important;margin:auto!important}
.cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:20px!important;margin:30px 0!important}
.card{display:block!important;background:#0f172a!important;border:1px solid #164e63!important;border-radius:20px!important;padding:22px!important;color:#e2e8f0!important;text-decoration:none!important}
.card h3{color:#67e8f9!important;margin-top:0!important}
.guide-layout,.lesson-grid{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)!important;gap:28px!important}
.guide-article,.guide-sidebar,.article,.sidebar,.box{display:block!important;background:#0f172a!important;border:1px solid #164e63!important;border-radius:22px!important;padding:26px!important}
.footer,footer{display:block!important;background:#020617!important;border-top:1px solid #164e63!important;color:#94a3b8!important;padding:34px 5%!important;margin-top:60px!important}
@media(max-width:900px){.guide-layout,.lesson-grid{grid-template-columns:1fr!important}}

/* Final examples polish */
.card{
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease!important;
}

.card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(34,211,238,.55)!important;
  box-shadow:0 18px 55px rgba(34,211,238,.16)!important;
}

.footer,footer{
  width:100%!important;
  box-sizing:border-box!important;
  padding:42px 0!important;
}

.footer .container,
footer .container{
  width:90%!important;
  max-width:1200px!important;
  margin:0 auto!important;
}

.footer p,
footer p{
  margin:0!important;
  color:#94a3b8!important;
  line-height:1.6!important;
}


/* Examples polish v2 */
body .cards .card{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
body .cards .card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(34,211,238,.65)!important;
  box-shadow:0 20px 60px rgba(34,211,238,.18)!important;
}
body footer,
body .footer{
  width:100%!important;
  display:block!important;
  box-sizing:border-box!important;
  padding:42px 0!important;
  background:#020617!important;
  border-top:1px solid rgba(34,211,238,.18)!important;
}
body footer .container,
body .footer .container{
  width:90%!important;
  max-width:1200px!important;
  margin:0 auto!important;
}
.ad-slot{
  display:block!important;
  min-height:90px!important;
  margin:28px 0!important;
  border-radius:18px!important;
  background:rgba(15,23,42,.55)!important;
  border:1px dashed rgba(34,211,238,.18)!important;
}


/* Footer menu polish */
.footer-grid{
  display:grid!important;
  grid-template-columns:1fr 2fr!important;
  gap:34px!important;
  align-items:start!important;
}

.footer-brand .logo{
  color:#fff!important;
  font-size:22px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

.footer-brand p{
  color:#94a3b8!important;
  line-height:1.6!important;
  margin-top:12px!important;
}

.footer-columns{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:22px!important;
}

.footer-col h4{
  color:#e2e8f0!important;
  margin:0 0 12px!important;
}

.footer-col a{
  display:block!important;
  color:#94a3b8!important;
  text-decoration:none!important;
  margin:8px 0!important;
}

.footer-col a:hover{
  color:#67e8f9!important;
}

@media(max-width:800px){
  .footer-grid{
    grid-template-columns:1fr!important;
  }
}


/* Examples footer columns */
.footer-grid{
  display:grid!important;
  grid-template-columns:minmax(240px,1fr) minmax(500px,2fr)!important;
  gap:36px!important;
  align-items:start!important;
}

.footer-brand .logo{
  display:inline-block!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:900!important;
  text-decoration:none!important;
  margin-bottom:12px!important;
}

.footer-brand .logo span{
  color:#67e8f9!important;
}

.footer-brand p{
  color:#94a3b8!important;
  line-height:1.6!important;
  margin:0!important;
}

.footer-columns{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(120px,1fr))!important;
  gap:22px!important;
}

.footer-col h4{
  color:#e2e8f0!important;
  margin:0 0 12px!important;
  font-size:15px!important;
}

.footer-col a{
  display:block!important;
  color:#94a3b8!important;
  text-decoration:none!important;
  margin:8px 0!important;
  font-weight:700!important;
}

.footer-col a:hover{
  color:#67e8f9!important;
}

@media(max-width:900px){
  .footer-grid{
    grid-template-columns:1fr!important;
  }
  .footer-columns{
    grid-template-columns:repeat(2,minmax(120px,1fr))!important;
  }
}


/* Code / FAQ / Related / Ads repair */
.code-card{
  display:block!important;
  position:relative!important;
  margin:22px 0!important;
  border-radius:20px!important;
  background:#020617!important;
  border:1px solid rgba(34,211,238,.22)!important;
  overflow:hidden!important;
  box-shadow:0 18px 48px rgba(0,0,0,.25)!important;
}

.code-card pre,
pre{
  display:block!important;
  margin:0!important;
  padding:22px!important;
  overflow:auto!important;
  background:#020617!important;
  color:#dbeafe!important;
  font-size:14px!important;
  line-height:1.6!important;
  border-radius:20px!important;
  border:1px solid rgba(34,211,238,.16)!important;
}

.code-card code,
pre code{
  color:#dbeafe!important;
  font-family:Menlo,Consolas,monospace!important;
  white-space:pre!important;
}

.ad-slot{
  display:block!important;
  min-height:96px!important;
  margin:30px 0!important;
  border-radius:18px!important;
  background:rgba(15,23,42,.55)!important;
  border:1px dashed rgba(34,211,238,.22)!important;
}

.auto-faq-engine,
.faq-block{
  display:block!important;
  max-width:1100px!important;
  margin:50px auto!important;
  padding:26px!important;
  border-radius:24px!important;
  background:#0f172a!important;
  border:1px solid rgba(34,211,238,.18)!important;
}

.faq-item{
  display:block!important;
  margin:16px 0!important;
  padding:18px!important;
  border-radius:18px!important;
  background:#020617!important;
  border:1px solid rgba(255,255,255,.06)!important;
}

.internal-link-engine{
  display:block!important;
  padding:52px 0!important;
  margin-top:50px!important;
  background:rgba(15,23,42,.35)!important;
  border-top:1px solid rgba(34,211,238,.12)!important;
}

.internal-link-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  gap:18px!important;
}

.internal-link-card{
  display:block!important;
  padding:20px!important;
  border-radius:20px!important;
  background:#0f172a!important;
  border:1px solid rgba(34,211,238,.18)!important;
  text-decoration:none!important;
  color:#e2e8f0!important;
}

.internal-link-card span{
  color:#67e8f9!important;
  font-size:12px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}

.internal-link-card strong{
  display:block!important;
  margin:8px 0!important;
  color:#fff!important;
}

.internal-link-card small{
  display:block!important;
  color:#94a3b8!important;
}


/* Related block final CSS */
.internal-link-engine{
  display:block!important;
  width:100%!important;
  margin:60px 0!important;
  padding:56px 0!important;
  background:rgba(15,23,42,.55)!important;
  border-top:1px solid rgba(34,211,238,.14)!important;
  border-bottom:1px solid rgba(34,211,238,.10)!important;
}

.internal-link-engine .container{
  width:90%!important;
  max-width:1200px!important;
  margin:0 auto!important;
}

.internal-link-engine h2{
  color:#e2e8f0!important;
  font-size:32px!important;
  margin:0 0 24px!important;
}

.internal-link-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;
  gap:18px!important;
}

.internal-link-card{
  display:block!important;
  padding:22px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)),#0f172a!important;
  border:1px solid rgba(34,211,238,.18)!important;
  color:#e2e8f0!important;
  text-decoration:none!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}

.internal-link-card:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(34,211,238,.55)!important;
  box-shadow:0 20px 60px rgba(34,211,238,.16)!important;
}

.internal-link-card span{
  display:block!important;
  color:#67e8f9!important;
  font-size:12px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  margin-bottom:8px!important;
}

.internal-link-card strong{
  display:block!important;
  color:#fff!important;
  font-size:18px!important;
  margin-bottom:8px!important;
}

.internal-link-card small{
  display:block!important;
  color:#94a3b8!important;
  line-height:1.5!important;
}