:root{
  --tsl-static-blue:#2563eb;
  --tsl-static-text:#0f172a;
  --tsl-static-sub:#475569;
  --tsl-static-muted:#64748b;
  --tsl-static-line:rgba(15,23,42,.12);
  --tsl-static-card:#fff;
  --tsl-static-bg:#f8fafc;
}

.tsl-static-header,
.tsl-static-footer{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;
  color:var(--tsl-static-text);
}

.tsl-static-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.94);
  backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid var(--tsl-static-line);
}

.tsl-static-header__inner{
  max-width:1120px;
  height:58px;
  margin:0 auto;
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.tsl-static-logo{
  display:inline-flex;
  align-items:baseline;
  text-decoration:none;
  letter-spacing:-.06em;
  font-weight:850;
  font-size:1.45rem;
  color:var(--tsl-static-blue);
  min-width:74px;
}

.tsl-static-logo__dot{color:var(--tsl-static-blue)}

.tsl-static-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  flex:1;
}

.tsl-static-nav a,
.tsl-static-footer__links a{
  color:var(--tsl-static-sub);
  text-decoration:none;
  font-size:13px;
  font-weight:700;
}

.tsl-static-nav a:hover,
.tsl-static-footer__links a:hover{
  color:var(--tsl-static-blue);
}

.tsl-static-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  min-width:150px;
}

.tsl-static-plus{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:34px;
  padding:0 14px;
  border-radius:999px;
  background:var(--tsl-static-blue);
  color:#fff!important;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
}

.tsl-static-login{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid var(--tsl-static-line);
  color:var(--tsl-static-sub)!important;
  background:#fff;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
}

.tsl-static-footer{
  background:#fff;
  border-top:1px solid var(--tsl-static-line);
  margin-top:20px;
}

.tsl-static-footer__inner{
  max-width:1120px;
  margin:0 auto;
  padding:28px 22px 18px;
  display:flex;
  justify-content:space-between;
  gap:26px;
}

.tsl-static-footer__brand{
  display:inline-block;
  color:var(--tsl-static-blue);
  text-decoration:none;
  font-weight:850;
  margin-bottom:6px;
}

.tsl-static-footer p{
  margin:0;
  color:var(--tsl-static-muted);
  font-size:13px;
  line-height:1.55;
  max-width:460px;
}

.tsl-static-footer__links{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px 16px;
}

.tsl-static-footer__note{
  max-width:1120px;
  margin:0 auto;
  padding:0 22px 24px;
  color:var(--tsl-static-muted);
  font-size:12px;
  line-height:1.55;
}

@media(max-width:760px){
  .tsl-static-header__inner{height:auto;min-height:56px;padding:10px 16px;gap:12px;flex-wrap:wrap}
  .tsl-static-logo{font-size:1.35rem;min-width:auto}
  .tsl-static-nav{order:3;width:100%;justify-content:flex-start;gap:16px;overflow-x:auto;padding-bottom:2px}
  .tsl-static-actions{min-width:auto;margin-left:auto}
  .tsl-static-login{display:none}
  .tsl-static-footer__inner{padding:24px 16px 14px;display:block}
  .tsl-static-footer__links{justify-content:flex-start;margin-top:16px}
  .tsl-static-footer__note{padding:0 16px 22px}
}