.mcp-page{--mcp-accent: #0ea5e9;--mcp-accent-2: #8b5cf6;--mcp-surface: #ffffff;--mcp-surface-elevated: #f8fafc;--mcp-text: #0f172a;--mcp-text-muted: #64748b;--mcp-border: rgba(15, 23, 42, .08);--mcp-hero-mid: #e0f2fe;--mcp-hero-end: #f5f3ff;font-family:Onest,system-ui,sans-serif}html.dark-mode .mcp-page{--mcp-accent: #38bdf8;--mcp-accent-2: #a78bfa;--mcp-surface: #1e293b;--mcp-surface-elevated: #0f172a;--mcp-text: #f1f5f9;--mcp-text-muted: #94a3b8;--mcp-border: rgba(241, 245, 249, .12);--mcp-hero-mid: #1e3a5f;--mcp-hero-end: #2e1065}.mcp-page__hero{position:relative;overflow:hidden;padding:clamp(2.5rem,6vw,5rem) 0 clamp(3rem,7vw,5.5rem);background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(14,165,233,.18),transparent 55%),radial-gradient(ellipse 60% 50% at 85% 20%,rgba(139,92,246,.16),transparent 50%),linear-gradient(165deg,var(--mcp-surface) 0%,var(--mcp-hero-mid) 42%,var(--mcp-hero-end) 100%);border-bottom:1px solid var(--mcp-border)}html.dark-mode .mcp-page__hero{background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(56,189,248,.12),transparent 55%),radial-gradient(ellipse 60% 50% at 85% 20%,rgba(167,139,250,.1),transparent 50%),linear-gradient(165deg,var(--mcp-surface-elevated) 0%,var(--mcp-hero-mid) 45%,var(--mcp-hero-end) 100%)}.mcp-page__hero-inner{position:relative;z-index:1}.mcp-page__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mcp-accent);background:#0ea5e91f;border:1px solid rgba(14,165,233,.25);margin-bottom:1.25rem}html.dark-mode .mcp-page__badge{background:#38bdf81f;border-color:#38bdf847}.mcp-page__title{font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.1;color:var(--mcp-text);letter-spacing:-.02em;max-width:18ch;margin-bottom:1rem}.mcp-page__title-gradient{background:linear-gradient(120deg,var(--mcp-accent),var(--mcp-accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mcp-page__lead{font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.55;color:var(--mcp-text-muted);max-width:42rem;margin-bottom:2rem}.mcp-page__actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.mcp-page__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.35rem;border-radius:12px;font-weight:600;font-size:.95rem;text-decoration:none;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.mcp-page__btn:active{transform:scale(.98)}.mcp-page__btn--primary{color:#fff;background:linear-gradient(135deg,#0284c7,#7c3aed);box-shadow:0 4px 14px #0ea5e959}.mcp-page__btn--primary:hover{color:#fff;box-shadow:0 6px 20px #0ea5e973}.mcp-page__btn--ghost{color:var(--mcp-text);background:var(--mcp-surface);border:1px solid var(--mcp-border)}.mcp-page__btn--ghost:hover{color:var(--mcp-text);border-color:var(--mcp-accent)}html.dark-mode .mcp-page__btn--ghost{background:#1e293bcc}.mcp-page__section{padding:clamp(2.5rem,5vw,4rem) 0}.mcp-page__section-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--mcp-text);margin-bottom:.5rem;letter-spacing:-.02em}.mcp-page__section-desc{color:var(--mcp-text-muted);font-size:1.05rem;max-width:40rem;margin-bottom:2rem;line-height:1.55}.mcp-page__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.mcp-page__step{padding:1.5rem;border-radius:16px;background:var(--mcp-surface);border:1px solid var(--mcp-border);box-shadow:0 1px 3px #0000000d}.mcp-page__step-num{width:2.25rem;height:2.25rem;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff;background:linear-gradient(135deg,var(--mcp-accent),var(--mcp-accent-2));margin-bottom:1rem}.mcp-page__step h3{font-size:1.1rem;font-weight:700;color:var(--mcp-text);margin-bottom:.5rem}.mcp-page__step p{font-size:.95rem;color:var(--mcp-text-muted);line-height:1.5;margin:0}.mcp-page__endpoint-card{border-radius:20px;padding:1.5rem 1.75rem;background:var(--mcp-surface-elevated);border:1px solid var(--mcp-border);margin-bottom:1rem}.mcp-page__endpoint-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--mcp-text-muted);margin-bottom:.5rem}.mcp-page__endpoint-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.mcp-page__endpoint-url{flex:1;min-width:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9rem;padding:.65rem 1rem;border-radius:10px;background:var(--mcp-surface);border:1px solid var(--mcp-border);color:var(--mcp-text);word-break:break-all}.mcp-page__copy{flex-shrink:0;padding:.55rem 1rem;border-radius:10px;font-size:.85rem;font-weight:600;border:1px solid var(--mcp-border);background:var(--mcp-surface);color:var(--mcp-text);cursor:pointer;transition:border-color .15s,background .15s}.mcp-page__copy:hover{border-color:var(--mcp-accent);color:var(--mcp-accent)}.mcp-page__copy--done{border-color:#22c55e;color:#16a34a}.mcp-page__note{font-size:.9rem;color:var(--mcp-text-muted);line-height:1.55;margin-top:1rem}.mcp-page__note code{font-size:.85em;padding:.15rem .4rem;border-radius:6px;background:var(--mcp-surface);border:1px solid var(--mcp-border);color:var(--mcp-text)}.mcp-page__tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.mcp-page__tool{padding:1.25rem 1.35rem;border-radius:16px;background:var(--mcp-surface);border:1px solid var(--mcp-border);transition:border-color .2s,box-shadow .2s}.mcp-page__tool:hover{border-color:#0ea5e959;box-shadow:0 8px 24px #0f172a0f}html.dark-mode .mcp-page__tool:hover{box-shadow:0 8px 24px #00000040}.mcp-page__tool-name{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9rem;font-weight:600;color:var(--mcp-accent);margin-bottom:.5rem}.mcp-page__tool-desc{font-size:.92rem;color:var(--mcp-text-muted);line-height:1.5;margin-bottom:.75rem}.mcp-page__scopes{display:flex;flex-wrap:wrap;gap:.35rem}.mcp-page__scope{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .5rem;border-radius:6px;background:#0ea5e91a;color:var(--mcp-accent);border:1px solid rgba(14,165,233,.2)}html.dark-mode .mcp-page__scope{background:#38bdf81f;border-color:#38bdf840}.mcp-page__cta-outer{padding-bottom:clamp(2rem,5vw,3rem)}.mcp-page__cta-banner{margin:0;padding:1.5rem 1.75rem;border-radius:16px;background:linear-gradient(135deg,#0ea5e91a,#8b5cf61a);border:1px solid var(--mcp-border);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.mcp-page__cta-banner p{margin:0;font-size:1rem;color:var(--mcp-text);font-weight:500}.mcp-page__footer-nav{text-align:center;padding:2rem 0 3rem;border-top:1px solid var(--mcp-border)}.mcp-page__footer-nav a{color:var(--mcp-text-muted);font-weight:500;text-decoration:none}.mcp-page__footer-nav a:hover{color:var(--mcp-accent)}