:root {
  color-scheme: dark;
  --sa-bg:#0b1220;
  --sa-bg-2:#111827;
  --sa-panel:#1c2636;
  --sa-panel-2:#222d3e;
  --sa-ink:#f8fafc;
  --sa-muted:#9ca3af;
  --sa-line:#334155;
  --sa-blue:#5973ff;
  --sa-blue-2:#244a91;
  --sa-orange:#ff5a14;
  --sa-cyan:#32d3ff;
  --sa-glow:0 24px 80px rgb(36 74 145 / .34);
  --sa-header-height:86px;
}
* { box-sizing:border-box; }
html { min-height:100%; background:var(--sa-bg); }
body.sa-body {
  margin:0;
  min-height:100%;
  font:15px/1.45 Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif;
  color:var(--sa-ink);
  background:
    radial-gradient(circle at 18% 18%, rgb(89 115 255 / .18), transparent 34rem),
    radial-gradient(circle at 85% 82%, rgb(50 211 255 / .10), transparent 30rem),
    linear-gradient(180deg, #0d1524 0%, #0b1220 62%, #080d17 100%);
}
body.sa-body::before {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.30;
  background-image:radial-gradient(circle, rgb(255 255 255 / .56) 1px, transparent 1.5px), linear-gradient(62deg, transparent 0 44%, rgb(148 163 184 / .18) 44.4% 44.7%, transparent 45% 100%);
  background-size:88px 88px, 260px 210px;
  mask-image:linear-gradient(180deg, #000 0%, transparent 80%);
}
a { color:#dbeafe; }
.sa-site-header {
  position:fixed;
  z-index:900;
  inset:0 0 auto 0;
  min-height:var(--sa-header-height);
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:28px;
  padding:16px clamp(18px, 4vw, 52px);
  border-bottom:1px solid rgb(148 163 184 / .16);
  background:rgb(11 18 32 / .94);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 52px rgb(0 0 0 / .22);
}
.sa-site-logo { display:inline-flex; align-items:center; gap:14px; color:#fff; text-decoration:none; font-size:28px; font-style:italic; font-weight:950; letter-spacing:.04em; white-space:nowrap; }
.sa-logo-mark { width:124px; height:auto; border-radius:10px; box-shadow:0 0 0 1px rgb(50 211 255 / .18), 0 8px 24px rgb(36 74 145 / .46); }
.sa-top-nav { display:flex; justify-content:flex-end; align-items:center; gap:clamp(10px, 2vw, 28px); }
.sa-top-nav-link { display:inline-flex; align-items:center; gap:7px; color:#cbd5e1; text-decoration:none; text-transform:uppercase; letter-spacing:.18em; font-size:12px; font-weight:800; }
.sa-top-nav-link:hover { color:#fff; }
.sa-top-nav-link.primary, .sa-button.primary { color:#0b1220; background:#fff; border-color:#fff; }
.sa-layout { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 440px; min-height:100vh; padding-top:var(--sa-header-height); }
.sa-hero { display:grid; align-content:center; min-height:calc(100vh - var(--sa-header-height)); padding:clamp(32px, 8vw, 92px); }
.sa-eyebrow { text-transform:uppercase; color:#c7d2fe; font-weight:900; letter-spacing:.14em; font-size:11px; margin:0 0 12px; }
h1 { max-width:820px; margin:0 0 20px; font-size:clamp(50px, 8vw, 108px); line-height:.92; letter-spacing:-.07em; }
h1 span { display:inline-block; padding:0 .14em .04em; font-style:italic; background:linear-gradient(90deg, var(--sa-blue-2), var(--sa-blue)); border-radius:16px; }
.sa-lede { max-width:660px; margin:0 0 30px; color:#cbd5e1; font-size:clamp(18px, 2vw, 23px); }
.sa-actions { display:flex; flex-wrap:wrap; gap:12px; }
.sa-button { display:inline-flex; align-items:center; gap:8px; border:1px solid rgb(148 163 184 / .20); border-radius:999px; padding:12px 16px; text-decoration:none; background:rgb(11 18 32 / .52); color:#dbeafe; font-weight:900; }
.sa-panel { position:relative; z-index:2; background:linear-gradient(180deg, rgb(17 24 39 / .96), rgb(11 18 32 / .98)); border-left:1px solid rgb(148 163 184 / .18); padding:28px; overflow:auto; box-shadow:-18px 0 58px rgb(0 0 0 / .28); }
.sa-panel::before { content:""; position:absolute; z-index:0; inset:16px 0 auto auto; width:min(78%, 360px); height:210px; pointer-events:none; opacity:.20; background:url('./au-flag.png') right 18px top 14px / contain no-repeat; filter:saturate(1.12) brightness(1.08); mask-image:linear-gradient(90deg, transparent 0 46%, rgb(0 0 0 / .26) 58%, #000 100%); }
.sa-panel > * { position:relative; z-index:1; }
.sa-panel-logo { width:min(100%, 342px); height:auto; display:block; margin:0 0 24px auto; border-radius:14px; box-shadow:var(--sa-glow); }
h2 { margin:0 0 16px; font-size:34px; letter-spacing:-.04em; }
.sa-card-list { display:grid; gap:12px; }
.sa-card { display:flex; align-items:flex-start; gap:12px; border:1px solid rgb(148 163 184 / .18); border-radius:18px; padding:14px; background:linear-gradient(180deg, rgb(34 45 62 / .92), rgb(28 38 54 / .92)); color:inherit; text-decoration:none; transition:transform .16s ease, border-color .16s ease, background .16s ease; }
.sa-card:hover, .sa-card.primary { transform:translateY(-1px); border-color:rgb(89 115 255 / .82); background:linear-gradient(180deg, rgb(42 57 82 / .98), rgb(30 42 64 / .98)); }
.sa-number { flex:0 0 31px; display:grid; place-items:center; width:31px; height:31px; border-radius:999px; background:#fff; color:#0b1220; font-weight:900; font-size:13px; }
small { display:block; color:var(--sa-muted); margin-top:3px; }
.sa-source { color:#7f8da3; font-size:12px; border-top:1px solid rgb(148 163 184 / .16); padding-top:16px; margin-top:20px; }
@media (max-width: 980px) { .sa-site-header { grid-template-columns:1fr; gap:12px; min-height:128px; } .sa-top-nav { justify-content:flex-start; overflow-x:auto; padding-bottom:3px; } .sa-layout { grid-template-columns:1fr; padding-top:128px; } .sa-hero { min-height:auto; } .sa-panel { border-left:0; border-top:1px solid rgb(148 163 184 / .18); } }
@media (max-width: 620px) { .sa-site-logo { font-size:23px; } .sa-logo-mark { width:98px; } .sa-top-nav-link { font-size:11px; letter-spacing:.11em; } }