.mcp-page{position:relative;--bg-color:var(--background-color);background:radial-gradient(circle at 12% 18%,rgba(37,99,235,.08),transparent 55%),radial-gradient(circle at 85% 12%,rgba(96,165,250,.08),transparent 50%),var(--background-color);border-radius:24px;overflow:hidden}.mcp-page:before{content:"";position:absolute;inset:-40% 0 auto 0;height:60%;background:conic-gradient(from 90deg at 20% 30%,rgba(37,99,235,.18),rgba(96,165,250,.12),transparent 60%);opacity:.2;pointer-events:none;transform:rotate(-6deg)}.mcp-page .landing-header{position:relative;padding:28px 28px 20px;border:1px solid var(--card-border-color);border-radius:20px;background:var(--card-color);box-shadow:var(--shadow-md)}.mcp-page .landing-header h1{font-size:3.2em;letter-spacing:-.02em}.mcp-page .landing-subtitle{max-width:760px}.mcp-compare-table{width:100%;margin:24px 0 32px;border-collapse:collapse;border-radius:16px;border:1px solid var(--card-border-color);background:var(--card-color);overflow:hidden;text-align:left}.mcp-compare-table thead th{text-transform:uppercase;letter-spacing:.08em;font-size:.75em;font-weight:700;background:linear-gradient(90deg,rgba(37,99,235,.12),rgba(96,165,250,.08));padding:12px 18px;border-bottom:1px solid var(--card-border-color)}.mcp-compare-table tbody td,.mcp-compare-table tbody th{padding:14px 18px;border-bottom:1px solid var(--card-border-color);font-size:.95em;color:var(--text-color);vertical-align:middle}.mcp-compare-table tbody th{font-weight:600;width:180px}.mcp-compare-table tbody tr:last-child td,.mcp-compare-table tbody tr:last-child th{border-bottom:none}.mcp-page .benefit-card{border:1px solid var(--card-border-color);background:var(--card-color)}.mcp-page .benefit-card h3{color:var(--accent-primary)}.mcp-page .section-list li{margin-bottom:10px}@media (max-width:900px){.mcp-page .landing-header{padding:24px 20px}.mcp-page .landing-header h1{font-size:2.4em}.mcp-compare-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.mcp-compare-table tbody td,.mcp-compare-table tbody th,.mcp-compare-table thead th{padding:10px 12px;font-size:.9em}}@media (max-width:600px){.mcp-page{border-radius:16px}.mcp-page .landing-header{border-radius:14px}}.mcp-page .back-link,.mcp-page .benefit-card p,.mcp-page .code-content,.mcp-page .mcp-compare-table tbody td,.mcp-page .mcp-compare-table tbody th{font-size:1em}.security-callout{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;margin:20px 0;background:rgba(234,179,8,.08);border:1px solid rgba(234,179,8,.35);border-left:4px solid rgba(234,179,8,.7);border-radius:8px}.security-callout-icon{font-size:1.3em;line-height:1.4;flex-shrink:0}.security-callout-content{font-size:1em;line-height:1.6;color:var(--text-color)}@media (prefers-color-scheme:dark){.mcp-compare-table{background:var(--card-color);border-color:var(--card-border-color)}.mcp-compare-table thead th{background:linear-gradient(90deg,rgba(37,99,235,.2),rgba(96,165,250,.15));color:#e5e7eb;border-bottom-color:var(--card-border-color)}.mcp-compare-table tbody td,.mcp-compare-table tbody th{color:#e5e7eb;border-bottom-color:#333333}.mcp-page .benefit-card p{color:#d1d5db;opacity:1}.mcp-page .benefit-card h3{color:#93c5fd}.mcp-page .secondary-btn{border-color:#6b7280;color:#e5e7eb}}