.gateway-page{min-height:100vh;background:linear-gradient(to bottom right,#f8fafc,#e0e7ff)}.gateway-hero{position:relative;overflow:hidden}.gateway-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#2563eb0d,#4f46e50d)}.gateway-hero-content{position:relative;max-width:64rem;margin:0 auto;padding:4rem 1rem;text-align:center}.gateway-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:#dbeafe;color:#1e40af;border-radius:9999px;font-size:.875rem;font-weight:500;margin-bottom:1.5rem}.gateway-badge-dot{width:.5rem;height:.5rem;background-color:#3b82f6;border-radius:50%;margin-right:.5rem;animation:pulse 2s infinite}.gateway-title{font-size:3.75rem;font-weight:700;color:#111827;margin-bottom:1.5rem;line-height:1.2}.gateway-title-highlight{background:linear-gradient(to right,#2563eb,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gateway-description{font-size:1.25rem;color:#4b5563;margin-bottom:2rem;max-width:48rem;margin-left:auto;margin-right:auto;line-height:1.75}.gateway-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:3rem}@media (min-width: 640px){.gateway-buttons{flex-direction:row}}.gateway-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border-radius:.75rem;font-weight:600;font-size:1.125rem;transition:all .3s;transform:translateY(0)}.gateway-button:hover{transform:translateY(-.25rem);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.gateway-button-primary{background:linear-gradient(to right,#2563eb,#4f46e5);color:#fff}.gateway-button-secondary{background:#fff;color:#374151;border:1px solid #e5e7eb}.gateway-button-secondary:hover{border-color:#d1d5db}.gateway-features{margin-bottom:5rem}.gateway-features-header{text-align:center;margin-bottom:3rem}.gateway-features-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:1rem}.gateway-features-description{font-size:1.125rem;color:#4b5563;max-width:42rem;margin:0 auto}.gateway-features-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.gateway-features-grid{grid-template-columns:repeat(3,1fr)}}.gateway-feature-card{position:relative;background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e5e7eb;transition:all .5s;transform:translateY(0)}.gateway-feature-card:hover{transform:translateY(-.5rem);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#bfdbfe}.gateway-feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1rem;background:linear-gradient(to bottom right,#f0f9ff,#e0e7ff);opacity:0;transition:opacity .5s}.gateway-feature-card:hover:before{opacity:1}.gateway-feature-content{position:relative}.gateway-feature-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:transform .3s}.gateway-feature-card:hover .gateway-feature-icon{transform:scale(1.05)}.gateway-feature-icon--blue{background:linear-gradient(to bottom right,#3b82f6,#4f46e5)}.gateway-feature-icon--green{background:linear-gradient(to bottom right,#10b981,#059669)}.gateway-feature-icon--purple{background:linear-gradient(to bottom right,#8b5cf6,#4f46e5)}.gateway-feature-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:1rem}.gateway-feature-description{color:#4b5563;margin-bottom:1.5rem;line-height:1.625}.gateway-feature-list{margin:0;padding:0;list-style:none}.gateway-feature-list-item{display:flex;align-items:center;font-size:.875rem;color:#374151;margin-bottom:.75rem}.gateway-feature-list-dot{width:.5rem;height:.5rem;border-radius:50%;margin-right:.75rem}.gateway-feature-list-dot--blue{background-color:#3b82f6}.gateway-feature-list-dot--green{background-color:#10b981}.gateway-feature-list-dot--purple{background-color:#8b5cf6}.gateway-code{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:2rem}.gateway-code-header{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.gateway-code-title{font-size:1.125rem;font-weight:600;color:#111827}.gateway-code-description{font-size:.875rem;color:#4b5563}.gateway-code-tabs{display:flex;gap:.5rem;margin-bottom:1rem;padding:1rem 1.5rem}.gateway-code-tab{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.gateway-code-tab--active{background-color:#2563eb;color:#fff}.gateway-code-tab--inactive{background-color:#f3f4f6;color:#374151}.gateway-code-tab--inactive:hover{background-color:#e5e7eb}.gateway-code-content{padding:1rem 1.5rem}.gateway-code-block{background-color:#111827;color:#f3f4f6;padding:1rem;border-radius:.5rem;overflow-x:auto;font-size:.875rem;line-height:1.5}@keyframes pulse{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:.5}}@keyframes slide-right{0%{transform:translate(0)}to{transform:translate(.25rem)}}.gateway-arrow-icon{transition:transform .2s}.gateway-button:hover .gateway-arrow-icon{animation:slide-right .5s ease-in-out infinite alternate}:root{--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--color-text: #1a1a1a;--color-text-muted: #666666;--color-bg: #ffffff;--color-border: #e1e1e1;--color-code-bg: #f5f5f5;--color-success: #0d7377;--color-error: #c53030;--color-warning: #d69e2e;--color-primary: #3b82f6;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--border-radius: 2px;--max-width: 80ch}*{box-sizing:border-box}body{font-family:var(--font-system);font-size:16px;line-height:1.5;color:var(--color-text);background:var(--color-bg);margin:0;padding:0}.container{max-width:var(--max-width);margin:0 auto;padding:var(--space-xl) var(--space-md)}.section{margin-bottom:var(--space-xl)}.section-title{font-size:1.25rem;font-weight:600;margin:0 0 var(--space-md) 0;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-sm)}.nav{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xl)}.nav-list{list-style:none;margin:0;padding:0;display:flex;gap:var(--space-lg)}.nav-link{color:var(--color-text);text-decoration:none;padding:var(--space-md) 0;border-bottom:2px solid transparent}.nav-link:hover,.nav-link.active{border-bottom-color:var(--color-text)}.card{border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-lg);margin-bottom:var(--space-md)}.table{width:100%;border-collapse:collapse;margin:var(--space-md) 0}.table th,.table td{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.table th{font-weight:600;background:var(--color-code-bg)}.table-mono{font-family:var(--font-mono);font-size:.875rem}.svg-icon{width:24px;height:24px}.svg-icon-sm{width:16px;height:16px}.svg-icon-xs{width:12px;height:12px}.icon-badge{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:#fff}.icon-badge--blue{background:linear-gradient(135deg,#3b82f6,#6366f1)}.icon-badge--green{background:linear-gradient(135deg,#10b981,#059669)}.icon-badge--purple{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.code-block{font-family:var(--font-mono);font-size:.875rem;background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-md);overflow-x:auto;margin:var(--space-md) 0}.code-inline{font-family:var(--font-mono);font-size:.875rem;background:var(--color-code-bg);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius)}.form-field{margin-bottom:var(--space-md)}.form-label{display:block;font-weight:600;margin-bottom:var(--space-sm)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);font-family:inherit;font-size:inherit}.form-textarea{font-family:var(--font-mono);font-size:.875rem;min-height:200px;resize:vertical}.form-file{padding:var(--space-sm);border:2px dashed var(--color-border);border-radius:var(--border-radius);text-align:center;cursor:pointer}.form-file:hover{border-color:var(--color-text-muted)}.button{display:inline-block;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg);color:var(--color-text);text-decoration:none;cursor:pointer;font-family:inherit;font-size:inherit}.button:hover{background:var(--color-code-bg)}.button-primary{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}.button-primary:hover{opacity:.9}.alert{padding:var(--space-md);border-radius:var(--border-radius);margin:var(--space-md) 0}.alert-success{background:#f0fff4;border:1px solid var(--color-success);color:var(--color-success)}.alert-error{background:#fed7d7;border:1px solid var(--color-error);color:var(--color-error)}.alert-warning{background:#fefcbf;border:1px solid var(--color-warning);color:var(--color-warning)}.status-pass{color:var(--color-success);font-weight:600}.status-fail{color:var(--color-error);font-weight:600}.status-warn{color:var(--color-warning);font-weight:600}.hash{font-family:var(--font-mono);font-size:.875rem;word-break:break-all}.hash-short{font-family:var(--font-mono);font-size:.875rem}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin:var(--space-md) 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{width:2rem;height:2rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@media (max-width: 768px){.two-column{grid-template-columns:1fr}.nav-list{flex-direction:column;gap:0}.container{padding:var(--space-md) var(--space-sm)}}*:focus{outline:2px solid var(--color-text);outline-offset:2px}@media print{.nav{display:none}.code-block,.table{break-inside:avoid}}