*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:radial-gradient(circle at 60% 0%,#173966 0%,var(--hk-bg) 45%,#02030a 100%);
  color:var(--hk-text);
  font-family:Inter,system-ui,Arial,sans-serif;
  overflow-x:hidden;
  padding-bottom:var(--hk-player);
}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
#hkStars{position:fixed;inset:0;z-index:-3}
.hk-grid{position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 5px;opacity:.33}
.glass-card,.module-card{
  background:var(--hk-panel);
  border:1px solid var(--hk-line);
  border-radius:var(--hk-radius);
  backdrop-filter:blur(18px);
  box-shadow:0 24px 90px rgba(0,0,0,.25);
}
.panel-label{text-transform:uppercase;letter-spacing:3px;color:var(--hk-cyan);font-size:.78rem;font-weight:900}
.lead{color:var(--hk-muted);font-size:1.15rem;line-height:1.7;max-width:760px}
.hk-btn{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid var(--hk-line);
  border-radius:999px;
  padding:12px 16px;
  background:var(--hk-panel);
  color:white;
  cursor:pointer;
}
.hk-btn.primary{background:linear-gradient(135deg,var(--hk-cyan),var(--hk-lime));color:#04101b;font-weight:950}
.hk-btn.ghost{background:transparent}
.hk-btn:hover{border-color:var(--hk-cyan);box-shadow:0 0 30px rgba(0,229,255,.24);transform:translateY(-1px)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
h1{font-size:clamp(3rem,6vw,6.6rem);line-height:.9;margin:12px 0 18px;text-shadow:0 0 38px rgba(102,255,102,.28)}
h3{font-size:1.45rem;margin:8px 0}