MCP Gateway

:root { font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; line-height: 1.6; font-weight: 400; color-scheme: light; color: #333; background-color: #f8f9fa; /* Light gray background */ font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { margin: 0; display: flex; flex-direction: column; /* Align items vertically */ place-items: center; min-width: 320px; min-height: 100vh; padding: 0; } a { font-weight: 500; color: #007bff; /* Standard blue for links */ text-decoration: none; } a:hover { color: #0056b3; text-decoration: underline; } h1, h2, h3, h4, h5, h6 { color: #343a40; /* Darker gray for headings */ margin-top: 1.5em; margin-bottom: 0.5em; } h1 { font-size: 2.5em; line-height: 1.2; } h2 { font-size: 2em; } h3 { font-size: 1.75em; } button { border-radius: 6px; border: 1px solid transparent; padding: 0.6em 1.2em; font-size: 1em; font-weight: 500; font-family: inherit; background-color: #007bff; /* Blue primary button */ color: white; cursor: pointer; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; } button:hover { background-color: #0056b3; border-color: #0056b3; } button:focus, button:focus-visible { outline: 4px auto -webkit-focus-ring-color; } button.secondary { background-color: #6c757d; /* Gray secondary button */ border-color: #6c757d; } button.secondary:hover { background-color: #5a6268; border-color: #545b62; } input[type="text"], input[type="password"], input[type="email"] { border-radius: 6px; border: 1px solid #ced4da; /* Light gray border */ padding: 0.6em 1em; font-size: 1em; font-family: inherit; background-color: #fff; color: #495057; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }