/* site.css — v11 (unchanged from last message; includes robust SC2 cursor fallback) */
:root{
  --bg:#0a0d12; --steel:#131922; --steel-2:#0e141c; --line:#1f2a3a;
  --text:#e9f2ff; --muted:#9ab2d1; --blue:#00b7ff; --blue-2:#5fe0ff; --gold:#ffd45c;
}

*{box-sizing:border-box} html,body{height:100%}
body{
  margin:0;background:var(--bg);color:var(--text);
  font:16px/1.6 ui-sans-serif,system-ui,Segoe UI,Inter,Arial;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}

/* SC2 cursor: tries multiple paths, then inline SVG fallback */
body, a, button, [role="button"]{
  cursor:
    url("./sc2-cursor.png") 3 3,
    url("/sc2-cursor.png") 3 3,
    url("./assets/sc2-cursor.png") 3 3,
    url('data:image/svg+xml;utf8,\
      <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 64 64">\
        <defs>\
          <linearGradient id="b" x1="0" y1="0" x2="1" y2="1">\
            <stop offset="0" stop-color="#7fe8ff"/><stop offset=".55" stop-color="#22b8ff"/><stop offset="1" stop-color="#0082d8"/>\
          </linearGradient>\
          <linearGradient id="g" x1="0" y1="1" x2="1" y2="0">\
            <stop offset="0" stop-color="#ffd45c"/><stop offset="1" stop-color="#ffad1f"/>\
          </linearGradient>\
        </defs>\
        <g transform="rotate(18 32 32)">\
          <path d="M12 8 L37 28 L29 30 L47 57 L24 36 L19 46 Z" fill="url(%23g)" stroke="url(%23b)" stroke-width="3"/>\
          <path d="M27 21 L33 27 L29 29" stroke="%23fff" stroke-opacity=".9" stroke-width="1.6"/>\
        </g>\
      </svg>') 3 3,
    auto;
}

a{color:inherit;text-decoration:none}

/* header */
.site-header{
  position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;
  padding:.9rem 1.4rem;background:linear-gradient(180deg,var(--steel),var(--steel-2));
  border-bottom:1px solid var(--line); box-shadow:0 8px 24px rgba(0,183,255,.18)
}
.logo{font-weight:800;letter-spacing:.06em;color:var(--gold);text-shadow:0 0 10px var(--gold)}
.logo .glyph{margin-right:.45rem}
.nav{display:flex;gap:.6rem}
.nav a{padding:.38rem .7rem;border-radius:10px;border:1px solid transparent;transition:.2s}
.nav a:hover,.nav a.active{background:linear-gradient(90deg,var(--gold),var(--blue));color:#06121a;border-color:rgba(255,255,255,.1);box-shadow:0 0 14px rgba(0,183,255,.35)}

/* main/footer */
.hero{min-height:calc(100vh - 120px);display:grid;place-items:center;padding:2rem;
  background:radial-gradient(700px 300px at 50% 18%, rgba(0,183,255,.14), transparent 60%),
             radial-gradient(900px 420px at 80% 80%, rgba(255,212,92,.10), transparent 60%)}
.intro{max-width:900px;text-align:center}
.intro h1{margin:0 0 .8rem;font-size:2.6rem;text-shadow:0 0 14px var(--blue)}
.lead{color:var(--muted);font-size:1.15rem;margin:0 auto 1.2rem}
.hero-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.1rem}
.btn{display:inline-block;font-weight:700;border-radius:12px;padding:.8rem 1.2rem;background:var(--blue);color:#06121a;box-shadow:0 0 12px var(--blue);transition:.15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 18px var(--blue)}
.btn.ghost{background:transparent;color:var(--gold);border:1px solid var(--gold)}
.btn.special{background:linear-gradient(90deg,var(--gold),var(--blue));box-shadow:0 0 18px var(--gold)}
.site-footer{padding:1rem 1.4rem;text-align:center;color:var(--muted);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(0,183,255,.14)}