:root{--bg-main:#1a202c;--bg-card:#2d3748;--accent-blue:#63b3ed;--accent-green:#68d391;--accent-orange:#f6ad55;--text-primary:#e2e8f0;--text-secondary:#a0aec0;--border-color:#4a5568;--highlight-glow-blue:#63b3ed40;--highlight-glow-green:#68d39140}body{background-color:var(--bg-main);color:var(--text-primary);font-family:Inter,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";background-image:radial-gradient(var(--border-color) .5px, transparent .5px);opacity:.1;z-index:-1;pointer-events:none;background-size:20px 20px;width:100%;height:100%;position:fixed;top:0;left:0}h1,h2,h3,h4,.font-heading{color:var(--text-primary);font-family:Manrope,sans-serif;font-weight:700}.font-mono{font-family:Roboto Mono,monospace}.btn-mcp{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;padding:.75rem 1.75rem;font-family:Manrope,sans-serif;font-weight:600;line-height:1.2;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 2px 4px #00000026}.btn-mcp-primary{background-color:var(--accent-blue)!important;color:var(--bg-main)!important;border-color:var(--accent-blue)!important}.btn-mcp-primary:hover{box-shadow:0 4px 12px var(--highlight-glow-blue);transform:translateY(-2px);background-color:#4299e1!important;border-color:#4299e1!important}.btn-mcp-secondary{color:var(--accent-green)!important;border-color:var(--accent-green)!important;background-color:#0000!important}.btn-mcp-secondary:hover{box-shadow:0 0 12px var(--highlight-glow-green);transform:translateY(-2px);color:#fff!important;background-color:#68d3911a!important}.btn-mcp-outline-blue{color:var(--accent-blue)!important;border-color:var(--accent-blue)!important;background-color:#0000!important}.btn-mcp-outline-blue:hover{box-shadow:0 0 12px var(--highlight-glow-blue);transform:translateY(-2px);color:#fff!important;background-color:#63b3ed1a!important}header nav button.nav-button{cursor:pointer;padding:.375rem 1rem;font-family:Manrope,sans-serif;font-size:.9rem;font-weight:600;transition:color .3s;color:var(--text-secondary)!important;background-color:#0000!important;border:none!important}header nav button.nav-button:hover{color:var(--accent-blue)!important}.card-mcp{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem;flex-direction:column;height:100%;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 5px 15px #0000004d}.card-mcp:hover{border-color:var(--accent-blue);box-shadow:0 10px 25px #0006, 0 0 15px var(--highlight-glow-blue);transform:translateY(-5px)}.card-mcp-highlight{border:2px solid var(--accent-blue);box-shadow:0 10px 30px #0006, 0 0 25px var(--highlight-glow-blue)}.scroll-fade-in{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out;transform:translateY(30px)}.scroll-fade-in.visible{opacity:1;transform:translateY(0)}.typewriter-cursor:after{content:"_";color:var(--accent-blue);margin-left:3px;animation:1s infinite blink-caret-mcp;display:inline-block}@keyframes blink-caret-mcp{0%,to{opacity:1}50%{opacity:0}}.text-gradient-blue-green{background:linear-gradient(90deg, var(--accent-blue), var(--accent-green));-webkit-text-fill-color:transparent;text-fill-color:transparent;background-clip:text}.mcp-flow-diagram{flex-direction:column;justify-content:space-around;align-items:center;gap:.5rem;display:flex}.mcp-flow-box{border:1px solid var(--border-color);text-align:center;background:var(--bg-card);border-radius:.375rem;width:100%;padding:.75rem 1rem}.mcp-flow-box i{color:var(--accent-blue);margin-bottom:.25rem;font-size:1.25rem;display:block}.mcp-flow-box span{color:var(--text-primary)}.mcp-flow-connector{color:var(--border-color);font-size:1.5rem;line-height:1;transform:rotate(90deg)}.mcp-flow-connector.animated{animation:2s ease-in-out infinite pulse-connector-dark}@keyframes pulse-connector-dark{0%,to{color:var(--border-color);transform:scale(1)rotate(0)}50%{color:var(--accent-green);transform:scale(1.1)rotate(0)}}.faq-item{background-color:var(--bg-card);border:1px solid var(--border-color)}.faq-item summary{cursor:pointer;color:var(--text-primary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-weight:600;list-style:none;display:flex}.faq-item:last-of-type{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.faq-item:first-of-type{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.faq-item summary::marker{display:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .icon{color:var(--accent-blue);transition:transform .3s}.faq-item[open] summary{border-bottom-color:var(--border-color)}.faq-item[open] summary .icon{transform:rotate(135deg)}.faq-item div{color:var(--text-secondary);padding:1rem 1.5rem 1.5rem;font-size:.9rem}