.app-shell{min-height:100vh}
.topbar{
  position:sticky;top:0;z-index:20;
  backdrop-filter: blur(14px);
  background:rgba(8,12,24,.72);
  border-bottom:1px solid var(--line);
}
.topbar-inner{
  max-width:1400px;margin:0 auto;
  padding:16px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.brand{
  display:flex;align-items:center;gap:12px;font-weight:800;
  letter-spacing:.2px;
}
.brand-mark{
  width:42px;height:42px;border-radius:14px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,var(--brand),var(--brand2));
  box-shadow:0 10px 30px rgba(255,61,113,.25);
}
.nav{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;
}
.nav a{
  padding:10px 14px;border-radius:999px;
  color:var(--muted);
  border:1px solid transparent;
  transition:.2s ease;
}
.nav a:hover,.nav a.active{
  color:var(--text);
  border-color:var(--line);
  background:rgba(255,255,255,.05);
}
.hero, .content{
  max-width:1400px;margin:0 auto;padding:24px 20px 56px;
}
.hero-grid{
  display:grid;
  grid-template-columns:1.4fr .9fr;
  gap:18px;
}
@media (max-width: 980px){
  .hero-grid{grid-template-columns:1fr}
}
.panel{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.panel.pad{padding:20px}
.grid{
  display:grid;
  gap:16px;
}
.grid.cards{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.grid.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.grid.cards{grid-template-columns:1fr}}
.section-title{
  display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 14px;
}
.section-title h2,.section-title h3{margin:0;font-size:1.05rem}
.section-title p{margin:0;color:var(--muted);font-size:.92rem}
.footer{
  max-width:1400px;margin:0 auto;padding:0 20px 30px;color:var(--muted);font-size:.9rem;
}
.split{
  display:grid;grid-template-columns:1.1fr .9fr;gap:16px;
}
@media (max-width: 980px){.split{grid-template-columns:1fr}}