:root{
  --bg: #ffffff;
  --fg: #0b0b0c;
  --muted:#6b6f76;
  --card:#f5f6f8;
  --chip:#111214;
  --chip-fg:#ffffff;
  --ring: rgba(0,0,0,0.12);
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0b0b0c;
    --fg:#f3f4f6;
    --muted:#a4a9b0;
    --card:#15161a;
    --chip:#f3f4f6;
    --chip-fg:#0b0b0c;
    --ring: rgba(255,255,255,0.16);
  }
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font:16px/1.5 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, "Apple Color Emoji","Segoe UI Emoji";
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.page{
  min-height:100%;
  display:grid;
  grid-template-rows:auto 1fr auto;
  max-width:880px;
  margin:0 auto;
  padding:24px;
}
.header{
  display:flex; align-items:center; justify-content:space-between;
}
.brand{
  display:inline-flex; gap:10px; align-items:center;
  text-decoration:none; color:var(--fg); font-weight:700; letter-spacing:.2px;
}
.brand .dot{
  width:14px; height:14px; border-radius:50%;
  background:linear-gradient(135deg, #6EE7F9, #A78BFA, #F472B6);
  box-shadow:0 0 0 3px var(--ring);
}
.hero{
  display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
  padding:64px 0;
}
.hero h1{
  font-size:clamp(28px, 6vw, 48px);
  line-height:1.1; margin:0 0 12px 0; letter-spacing:-0.02em;
}
.tagline{
  margin:0 0 28px 0; color:var(--muted); font-size:clamp(16px, 2.5vw, 18px);
}
.links{display:flex; gap:12px; flex-wrap:wrap}
.chip{
  text-decoration:none; color:var(--chip-fg); background:var(--chip);
  padding:10px 14px; border-radius:999px; font-weight:600; border:1px solid var(--ring);
  transition:transform .05s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
  box-shadow:0 10px 24px -18px var(--ring);
}
.chip:hover{ transform:translateY(-1px); box-shadow:0 10px 28px -16px var(--ring); }
.chip:focus{ outline:none; box-shadow:0 0 0 5px var(--ring) }
.footer{ color:var(--muted); padding:24px 0 }