:root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
body { margin: 0; background: #0b0f19; color: #e8eefc; }
.container { max-width: 880px; margin: 0 auto; padding: 56px 20px; }
h1 { font-size: 44px; margin: 0 0 8px; letter-spacing: -0.02em; }
.tagline { opacity: 0.85; margin: 0 0 28px; }
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
.card {
  display: block; padding: 16px; border-radius: 14px;
  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.10);
  color: inherit; text-decoration: none;
}
.card:hover { border-color: rgba(255,255,255,0.24); transform: translateY(-1px); }
footer { margin-top: 34px; opacity: 0.7; }