.mcp-page{--bg:#0b1118;--card:#111923;--card2:#0f1720;--line:#263241;--text:#e8eef5;--muted:#9fb0c2;--cyan:#22d3ee;--blue:#3b82f6;--green:#4ade80;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
.mcp-page *{box-sizing:border-box}.mcp-shell{max-width:1120px;margin:0 auto}.mcp-hero{padding:64px 40px 42px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 85% 10%,rgba(34,211,238,.18),transparent 34%),linear-gradient(145deg,#0b1118,#121b27)}
.mcp-badge{display:inline-flex;gap:8px;align-items:center;padding:7px 11px;border:1px solid rgba(74,222,128,.35);border-radius:999px;background:rgba(74,222,128,.07);color:#86efac;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mcp-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}
.mcp-hero h2{margin:18px 0 12px;color:#fff;font-size:clamp(2.6rem,6vw,5rem);line-height:.98;letter-spacing:-.05em}.mcp-hero h2 span{background:linear-gradient(90deg,var(--cyan),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}.mcp-lead{max-width:850px;margin:0;color:#c8d3df;font-size:1.12rem}
.mcp-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}.mcp-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 17px;border-radius:10px;font-weight:800;text-decoration:none!important;cursor:pointer}.mcp-primary{border:0;background:linear-gradient(110deg,var(--blue),#2563eb);color:#fff!important}.mcp-secondary{border:1px solid #38506a;background:transparent;color:#e8eef6!important}
.mcp-endpoint{margin-top:22px;padding:15px 16px;border:1px solid rgba(34,211,238,.35);border-radius:12px;background:#080d13}.mcp-endpoint small{display:block;margin-bottom:5px;color:#7f91a4;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.mcp-endpoint code{color:#a7f3d0;overflow-wrap:anywhere;font-family:"JetBrains Mono",ui-monospace,monospace}
.mcp-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:16px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--line)}.mcp-fact{padding:16px;background:#101720}.mcp-fact small{display:block;color:#7f8b9a;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mcp-fact strong{display:block;margin-top:4px;color:#f6f8fb}
.mcp-section{padding:58px 4px 0}.mcp-eye{color:var(--cyan);font-size:.77rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mcp-section h3{margin:7px 0 10px;color:#f7f9fc;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.13}.mcp-section-lead{max-width:860px;margin:0 0 24px;color:var(--muted)}
.mcp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.mcp-card{padding:22px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,var(--card),var(--card2))}.mcp-card h4{margin:0 0 7px;color:#f2f6fa}.mcp-card p{margin:0;color:var(--muted);font-size:.94rem}.mcp-card code{color:#9ee8d0}
.mcp-code{margin:12px 0 0;padding:16px;border:1px solid var(--line);border-radius:11px;background:#080c11;color:#b8f3dc;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.83rem;line-height:1.65;overflow:auto;white-space:pre-wrap}.mcp-note{margin-top:13px;padding:14px 16px;border-left:3px solid var(--cyan);border-radius:7px;background:rgba(34,211,238,.06);color:#bdd0df;font-size:.9rem}
.mcp-security{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mcp-status{display:flex;align-items:center;gap:9px;margin:0 0 18px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#0b121a;color:#cbd7e3;font-size:.9rem}.mcp-status i{width:9px;height:9px;border-radius:50%;background:#fbbf24;box-shadow:0 0 12px rgba(251,191,36,.45)}.mcp-status.ok i{background:var(--green);box-shadow:0 0 12px rgba(74,222,128,.55)}.mcp-status.bad i{background:#fb7185;box-shadow:0 0 12px rgba(251,113,133,.5)}
.mcp-tools-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}.mcp-tools-toolbar input,.mcp-tools-toolbar select{min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:#0a1119;color:#e9eef5}.mcp-tools-toolbar input{flex:1;min-width:220px}.mcp-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mcp-tool{padding:18px;border:1px solid var(--line);border-radius:13px;background:#0f1720}.mcp-tool h4{margin:0 0 6px;color:#fff;font-size:1rem}.mcp-tool p{margin:0 0 11px;color:var(--muted);font-size:.88rem}.mcp-tags{display:flex;flex-wrap:wrap;gap:6px}.mcp-tag{padding:4px 7px;border:1px solid #314154;border-radius:999px;color:#a9bacb;font-size:.7rem}.mcp-count{color:#8fa2b5;font-size:.86rem}
.mcp-final{margin:58px 0 8px;padding:34px;border:1px solid rgba(34,211,238,.28);border-radius:19px;background:#10161e;text-align:center}.mcp-final h3{margin:0 0 8px;color:#fff;font-size:1.95rem}.mcp-final p{max-width:720px;margin:0 auto 18px;color:var(--muted)}
@media(max-width:820px){.mcp-hero{padding:48px 24px 30px}.mcp-facts{grid-template-columns:repeat(2,1fr)}.mcp-grid,.mcp-tools,.mcp-security{grid-template-columns:1fr}}@media(max-width:480px){.mcp-facts{grid-template-columns:1fr}.mcp-actions .mcp-btn{width:100%}}