@font-face {
  src: url("https://www.axis-praxis.org/fonts/webfonts/MetaVariableDemo-Set.woff2")
    format("woff2");
  font-family: "Meta";
  font-style: normal;
  font-weight: normal;
}

:root{--bg:#0f1724;--card:#0b1220;--accent:#7c5cff;--muted:#9aa6b2}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial}
body{background:linear-gradient(180deg,#0b1220 0%, #071026 100%);color:#e6eef6;padding:32px}
.hub{max-width:980px;margin:0 auto}
.hub-header{display:flex;align-items:flex-start;gap:16px}
.brand{font-size:28px;margin:0;color:var(--accent)}
.tagline{margin:6px 0 0;color:var(--muted)}
.intro{margin:18px 0}
.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.tool-card{display:flex;flex-direction:column;padding:14px;border-radius:8px;background:rgba(255,255,255,0.03);text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,0.03);transition:transform .12s ease,box-shadow .12s ease}
.tool-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px rgba(0,0,0,0.6)}
.tool-card strong{font-size:16px}
.tool-card .muted{font-size:13px;color:var(--muted);margin-top:6px}
.muted{color:var(--muted)}

/* keep older large-style for legacy anchor tag if present */
myText{display:inline-block}