.main{
  position:relative;z-index:1;flex:1;
  max-width:720px;width:100%;margin:0 auto;padding:3rem 2rem 4rem;
}
.page-title{
  font-size:2rem;font-weight:700;letter-spacing:-.03em;
  background:linear-gradient(135deg,#e0e7ff 0%,#a78bfa 50%,#7c3aed 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.page-sub{
  margin-top:.5rem;font-size:.95rem;color:rgba(255,255,255,.4);font-weight:300;
}
.divider{
  width:100%;height:1px;margin:2rem 0;
  background:linear-gradient(90deg,transparent,rgba(124,58,237,.4),transparent);
}

/* ── tool cards grid ── */
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:1.25rem;
}
.tool-card{
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);
  border-radius:14px;padding:1.5rem;
  transition:border-color .25s,transform .25s;
  display:flex;flex-direction:column;gap:.75rem;
  cursor:pointer;text-decoration:none;color:inherit;
}
.tool-card:hover{
  border-color:rgba(124,58,237,.4);transform:translateY(-2px);
}
.tool-card.disabled{
  opacity:.35;cursor:default;pointer-events:none;
}
.tool-card.disabled:hover{
  border-color:rgba(255,255,255,.07);transform:none;
}
.tool-card-icon{font-size:2rem;line-height:1}
.tool-card-name{
  font-size:1rem;font-weight:600;color:rgba(255,255,255,.85);
  letter-spacing:-.01em;
}
.tool-card-desc{
  font-size:.82rem;color:rgba(255,255,255,.35);font-weight:300;line-height:1.5;
}
.tool-card-badge{
  display:inline-block;font-size:.65rem;font-weight:500;
  padding:.15rem .5rem;border-radius:4px;letter-spacing:.03em;
  align-self:flex-start;
}
.badge-ready{background:rgba(74,222,128,.12);color:#4ade80}
.badge-soon{background:rgba(255,255,255,.06);color:rgba(255,255,255,.3)}