.site{
  min-height:100dvh;
  display:grid;
  grid-template-rows:auto 1fr auto;
}
.site-header{
  position:sticky;
  top:0;
  z-index:20;
  background:linear-gradient(90deg, rgba(10,18,29,.92), rgba(13,28,43,.92));
  border-bottom:1px solid rgba(255,255,255,.07);
  backdrop-filter: blur(8px);
}
.header-inner{
  max-width:var(--container-max);
  margin:0 auto;
  min-height:84px;
  padding:0 var(--space-side);
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:30px;
}
.brand{display:flex;align-items:center;gap:14px;min-width:220px}
.brand img{width:36px;height:36px;object-fit:contain}
.brand-name{font-size:22px;font-weight:800;line-height:1}
.brand-tag{font-size:12px;color:var(--muted);margin-top:4px}
.main-nav{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap}
.page-main{width:100%;padding:var(--space-top) var(--space-side) var(--space-bottom)}
.page-shell{max-width:var(--container-max);margin:0 auto}
.page-card{
  width:100%;
  background:linear-gradient(180deg, rgba(53,76,102,.98), rgba(46,67,92,.98));
  border:1px solid var(--border);
  border-radius:var(--card-radius);
  padding:32px 28px;
  box-shadow:var(--shadow);
}
.page-inner{
  width:100%;
  background:linear-gradient(180deg, rgba(63,87,115,.72), rgba(56,80,107,.72));
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  padding:24px;
  margin-top:20px;
}
.site-footer{background:var(--footer);border-top:1px solid rgba(255,255,255,.06);padding:16px var(--space-side)}
.site-footer .footer-inner{max-width:var(--container-max);margin:0 auto;text-align:center;color:var(--muted);font-size:14px}
@media (max-width:900px){
  .header-inner{grid-template-columns:1fr;gap:14px;padding-top:14px;padding-bottom:14px;min-height:auto}
  .brand{justify-content:center;min-width:0}
  .main-nav{gap:10px}
  .page-card{padding:22px 18px}
  .page-inner{padding:18px}
}