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;
}


/* RF calculator polish */
.calc-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)),#0f172a!important;
  border:1px solid rgba(34,211,238,.20)!important;
  border-radius:24px!important;
  padding:24px!important;
  margin:20px 0!important;
  box-shadow:0 20px 60px rgba(0,0,0,.22)!important;
}

.calc-panel label{
  display:block!important;
  margin:14px 0!important;
  color:#cbd5e1!important;
  font-weight:800!important;
}

.calc-panel input,
.calc-panel select{
  width:100%!important;
  box-sizing:border-box!important;
  margin-top:8px!important;
  padding:14px 16px!important;
  border-radius:14px!important;
  border:1px solid rgba(34,211,238,.22)!important;
  background:#020617!important;
  color:#e2e8f0!important;
  font-size:16px!important;
  outline:none!important;
}

.calc-panel input:focus{
  border-color:rgba(34,211,238,.65)!important;
  box-shadow:0 0 0 4px rgba(34,211,238,.10)!important;
}

.calc-panel button{
  margin-top:18px!important;
  padding:14px 20px!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#06b6d4,#2563eb)!important;
  color:#fff!important;
  font-weight:900!important;
  cursor:pointer!important;
  box-shadow:0 18px 45px rgba(37,99,235,.25)!important;
}

.calc-panel button:hover{
  transform:translateY(-2px)!important;
}

.calc-panel .formula-box,
#out{
  background:#020617!important;
  border:1px solid rgba(34,211,238,.24)!important;
  border-radius:18px!important;
  padding:18px!important;
  color:#e2e8f0!important;
  line-height:1.7!important;
  font-size:16px!important;
}

.calc-panel b,
#out b{
  color:#67e8f9!important;
}

.guide-article h2{
  color:#e2e8f0!important;
}

.formula-box{
  background:#020617!important;
  border:1px solid rgba(34,211,238,.18)!important;
  border-radius:18px!important;
  padding:18px!important;
  color:#cbd5e1!important;
}


/* Clean centered header final */
.site-header-v2{
  width:100%!important;
  background:#020617!important;
  border-bottom:1px solid rgba(34,211,238,.16)!important;
  position:relative!important;
  z-index:9999!important;
}

.site-nav-v2{
  width:94%!important;
  max-width:1440px!important;
  margin:0 auto!important;
  padding:14px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:28px!important;
}

.site-logo-v2{
  flex:0 0 auto!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:900!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  margin-right:18px!important;
}

.site-logo-v2 span{
  color:#67e8f9!important;
}

.site-menu-v2{
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:13px!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
}

.site-menu-v2 a{
  color:#cbd5e1!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  padding:9px 10px!important;
  border-radius:999px!important;
  transition:.2s ease!important;
}

.site-menu-v2 a:hover{
  color:#67e8f9!important;
  background:rgba(34,211,238,.08)!important;
}

@media(max-width:1180px){
  .site-nav-v2{
    flex-direction:column!important;
    gap:10px!important;
    padding:14px 0 12px!important;
  }

  .site-logo-v2{
    margin-right:0!important;
  }

  .site-menu-v2{
    width:100%!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:8px!important;
  }

  .site-menu-v2 a{
    font-size:12px!important;
    padding:8px 9px!important;
  }
}

@media(max-width:640px){
  .site-menu-v2{
    display:grid!important;
    grid-template-columns:repeat(3,auto)!important;
    justify-content:center!important;
  }
}

/* Header logo overlap fix */
.site-nav-v2{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  justify-content:normal!important;
  column-gap:28px!important;
}

.site-logo-v2{
  display:block!important;
  position:relative!important;
  z-index:2!important;
  margin:0!important;
  padding:8px 0!important;
  line-height:1!important;
}

.site-menu-v2{
  min-width:0!important;
  justify-content:center!important;
  overflow:visible!important;
}

@media(max-width:1180px){
  .site-nav-v2{
    display:flex!important;
    flex-direction:column!important;
  }
}

/* Dropdown header final */
.site-nav-v2{
  display:grid!important;
  grid-template-columns:220px 1fr!important;
  align-items:center!important;
  max-width:1280px!important;
  margin:0 auto!important;
  padding:14px 20px!important;
  gap:24px!important;
}

.site-menu-v2{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:14px!important;
  flex-wrap:nowrap!important;
}

.nav-dropdown-v2{
  position:relative!important;
  display:inline-flex!important;
}

.nav-drop-btn-v2{
  color:#cbd5e1!important;
  background:transparent!important;
  border:0!important;
  font-size:13px!important;
  font-weight:800!important;
  padding:9px 11px!important;
  border-radius:999px!important;
  cursor:pointer!important;
}

.nav-drop-menu-v2{
  display:none!important;
  position:absolute!important;
  top:42px!important;
  right:0!important;
  min-width:230px!important;
  padding:10px!important;
  background:#020617!important;
  border:1px solid rgba(34,211,238,.22)!important;
  border-radius:18px!important;
  box-shadow:0 22px 70px rgba(0,0,0,.45)!important;
  z-index:99999!important;
}

.nav-drop-menu-v2 a{
  display:block!important;
  padding:11px 14px!important;
  border-radius:12px!important;
}

.nav-dropdown-v2:hover .nav-drop-menu-v2{
  display:block!important;
}

@media(max-width:900px){
  .site-nav-v2{
    display:flex!important;
    flex-direction:column!important;
  }
  .site-menu-v2{
    flex-wrap:wrap!important;
  }
}

/* Dropdown click fix */
.nav-dropdown-v2.open .nav-drop-menu-v2{
  display:block!important;
}

.nav-drop-menu-v2{
  top:36px!important;
}

.nav-dropdown-v2{
  padding-bottom:12px!important;
}

.nav-drop-btn-v2{
  user-select:none!important;
}


/* iOS App landing polish */
.app-btn-v2{
  background:linear-gradient(135deg,#06b6d4,#2563eb)!important;
  color:#fff!important;
  padding:10px 16px!important;
  border-radius:999px!important;
  box-shadow:0 12px 35px rgba(37,99,235,.25)!important;
}

.ios-app-banner-v2{
  padding:28px 0!important;
  background:radial-gradient(circle at top right,rgba(34,211,238,.16),transparent 35%),#020617!important;
  border-bottom:1px solid rgba(34,211,238,.12)!important;
}

.ios-app-banner-inner-v2{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  background:rgba(15,23,42,.75)!important;
  border:1px solid rgba(34,211,238,.18)!important;
  border-radius:24px!important;
  padding:24px!important;
}

.ios-app-banner-inner-v2 h2{
  margin:8px 0!important;
}

.app-hero-v2{
  background:radial-gradient(circle at 80% 20%,rgba(34,211,238,.18),transparent 35%),#020617!important;
}

.app-hero-grid-v2{
  display:grid!important;
  grid-template-columns:1.1fr .9fr!important;
  gap:50px!important;
  align-items:center!important;
}

.app-actions-v2{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:14px!important;
  margin-top:24px!important;
}

.iphone-mockup-v2{
  max-width:320px!important;
  margin:0 auto!important;
  background:linear-gradient(180deg,#0f172a,#020617)!important;
  border:1px solid rgba(34,211,238,.28)!important;
  border-radius:42px!important;
  padding:34px 22px!important;
  box-shadow:0 30px 100px rgba(0,0,0,.45)!important;
  min-height:520px!important;
  position:relative!important;
}

.phone-top-v2{
  width:96px!important;
  height:22px!important;
  border-radius:0 0 16px 16px!important;
  background:#020617!important;
  position:absolute!important;
  top:0!important;
  left:50%!important;
  transform:translateX(-50%)!important;
}

.iphone-mockup-v2 h3{
  color:#fff!important;
  font-size:28px!important;
  margin-top:24px!important;
}

.iphone-mockup-v2 p{
  color:#67e8f9!important;
}

.mock-card-v2{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(34,211,238,.18)!important;
  border-radius:18px!important;
  padding:16px!important;
  margin:14px 0!important;
  color:#e2e8f0!important;
  font-weight:800!important;
}

@media(max-width:900px){
  .app-hero-grid-v2{
    grid-template-columns:1fr!important;
  }

  .ios-app-banner-inner-v2{
    flex-direction:column!important;
    text-align:center!important;
  }
}


/* App legal cards */
.app-legal-v2{
  background:radial-gradient(circle at top left,rgba(34,211,238,.10),transparent 34%)!important;
}

.app-legal-cards-v2 .card{
  position:relative!important;
  overflow:hidden!important;
}

.app-legal-cards-v2 .card span{
  display:inline-block!important;
  margin-top:12px!important;
  color:#67e8f9!important;
  font-weight:900!important;
}

.app-legal-cards-v2 .card:hover span{
  transform:translateX(4px)!important;
}


/* ===== Unified EngiCalc Header ===== */
.site-header-v2{
  width:100%!important;
  background:rgba(2,6,23,.96)!important;
  border-bottom:1px solid rgba(34,211,238,.14)!important;
  position:relative!important;
  z-index:9999!important;
}

.site-nav-v2{
  width:94%!important;
  max-width:1280px!important;
  margin:0 auto!important;
  padding:14px 20px!important;
  display:grid!important;
  grid-template-columns:190px 1fr!important;
  align-items:center!important;
  gap:24px!important;
}

.site-logo-v2{
  justify-self:start!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:24px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
  margin:0!important;
  padding:0!important;
}

.site-logo-v2 span{
  color:#67e8f9!important;
}

.site-menu-v2{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:nowrap!important;
  min-width:0!important;
}

.site-menu-v2 > a,
.nav-drop-btn-v2{
  color:#cbd5e1!important;
  background:transparent!important;
  border:0!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  padding:10px 11px!important;
  border-radius:999px!important;
  cursor:pointer!important;
  font-family:inherit!important;
  white-space:nowrap!important;
}

.site-menu-v2 > a:hover,
.nav-drop-btn-v2:hover{
  color:#67e8f9!important;
  background:rgba(34,211,238,.08)!important;
}

.app-btn-v2{
  background:linear-gradient(135deg,#06b6d4,#2563eb)!important;
  color:#fff!important;
  padding:10px 16px!important;
  box-shadow:0 12px 35px rgba(37,99,235,.25)!important;
}

.nav-dropdown-v2{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  padding-bottom:0!important;
}

.nav-drop-menu-v2{
  display:none!important;
  position:absolute!important;
  top:40px!important;
  right:0!important;
  min-width:240px!important;
  padding:10px!important;
  background:#020617!important;
  border:1px solid rgba(34,211,238,.22)!important;
  border-radius:18px!important;
  box-shadow:0 22px 70px rgba(0,0,0,.45)!important;
  z-index:99999!important;
}

.nav-dropdown-v2.open .nav-drop-menu-v2{
  display:block!important;
}

.nav-drop-menu-v2 a{
  display:block!important;
  padding:12px 14px!important;
  border-radius:12px!important;
  color:#cbd5e1!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:800!important;
}

.nav-drop-menu-v2 a:hover{
  background:rgba(34,211,238,.10)!important;
  color:#67e8f9!important;
}

@media(max-width:980px){
  .site-nav-v2{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
  }

  .site-menu-v2{
    justify-content:center!important;
    flex-wrap:wrap!important;
  }

  .nav-drop-menu-v2{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
}
/* ===== End Unified EngiCalc Header ===== */