:root{color-scheme:dark;--bg: #09090b;--panel: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--text: #f4f4f5;--muted: #a1a1aa;--accent: #7c3aed;--accent-hover: #8b5cf6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(124,58,237,.18),transparent 40%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.page{max-width:760px;margin:0 auto;padding:32px 20px 48px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}.brand{font-weight:600;letter-spacing:-.02em}.badge{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.hero{text-align:center}.hero.hub{text-align:left}.icon-wrap img{border-radius:22px;box-shadow:0 20px 60px #7c3aed40}h1{margin:20px 0 8px;font-size:clamp(2rem,5vw,2.75rem);letter-spacing:-.04em}.subtitle{margin:0 auto;max-width:540px;color:var(--muted);line-height:1.6;font-size:1.05rem}.version{margin-top:12px;color:var(--muted);font-size:.9rem}.actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:28px 0 36px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:12px;font-weight:600;transition:transform .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),#5b21b6);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-hover),#6d28d9)}.btn-secondary{border:1px solid var(--border);background:var(--panel);color:var(--text)}.cards{display:grid;gap:12px;text-align:left}.hub-cards{margin-top:24px}.card{display:block;padding:16px 18px;border-radius:14px;border:1px solid var(--border);background:var(--panel);transition:border-color .15s ease,background .15s ease}.card:hover{border-color:#7c3aed73;background:#7c3aed14}.card strong,.card-featured strong{display:block;margin-bottom:4px}.card span{color:var(--muted);font-size:.92rem;word-break:break-all}.card-row{display:flex;align-items:center;gap:14px}.card-row img{border-radius:12px}.note{margin-top:40px;padding:20px;border-radius:16px;border:1px solid var(--border);background:#ffffff05;text-align:left}.note h2{margin:0 0 10px;font-size:1rem}.note p{margin:0 0 10px;color:var(--muted);line-height:1.6}.note code{color:#c4b5fd}.footer{margin-top:48px;color:var(--muted);font-size:.9rem}
