html[data-theme='tech'] .header {
  top: 12px;
  width: min(1180px, calc(100% - 28px));
  margin: 0 auto;
  border: 1px solid #70d8c65c;
  border-radius: 18px;
  background: #071417e8;
  box-shadow: 0 18px 55px #02090b66;
  overflow: visible;
}
html[data-theme='tech'] .header .nav {
  width: auto;
  min-height: 70px;
  padding: 0 18px;
}
html[data-theme='tech'] .header .links a {
  padding: 10px 12px;
  border-radius: 10px;
}
html[data-theme='tech'] .header .links a:hover {
  color: #071417;
  background: #50e3c2;
  text-decoration: none;
}
html[data-theme='tech'] .footer {
  padding-top: 34px;
  background: #071417;
  color: #effffb;
}
html[data-theme='tech'] .footer-grid {
  padding: clamp(28px, 5vw, 56px);
  border: 1px solid #70d8c64a;
  border-radius: 28px;
  background: #0c2428;
  box-shadow: inset 0 1px #effffb12;
}
html[data-theme='tech'] .footer p,
html[data-theme='tech'] .footer-bottom { color: #b4ccc7; }
html[data-theme='tech'] .footer .brand-logo { filter: brightness(0) invert(1); }
html[data-theme='tech'] .footer .social-links a {
  border-color: #70d8c65c;
  color: #50e3c2;
}
html[data-theme='tech'] .footer-bottom { border-color: #70d8c638; }
@media (max-width: 680px) {
  html[data-theme='tech'] .header { top: 8px; width: calc(100% - 16px); border-radius: 14px; }
  html[data-theme='tech'] .header .nav { padding: 0 12px; }
  html[data-theme='tech'] .footer-grid { border-radius: 20px; }
}