:root{--gx-red: #ff5e5b;--gx-orange: #ffb74d;--gx-yellow: #ffed8a;--gx-green: #7ae582;--gx-cyan: #4dd0e1;--gx-blue: #68a6f8;--gx-purple: #b388ff;--gx-pink: #f06292;--gx-bg: #0b0d13;--gx-bg-soft: #10131c;--gx-panel: rgba(255, 255, 255, .04);--gx-panel-strong: rgba(255, 255, 255, .07);--gx-border: rgba(255, 255, 255, .09);--gx-border-strong: rgba(255, 255, 255, .16);--gx-border-w: 1px;--gx-text: #e8eaf2;--gx-text-soft: #9aa3b5;--gx-accent: #4dd0e1;--gx-accent-2: #b388ff;--gx-gradient: linear-gradient( 100deg, var(--gx-red), var(--gx-orange), var(--gx-cyan), var(--gx-purple) );--gx-radius: 18px;--gx-radius-sm: 12px;--gx-font: "Inter", system-ui, sans-serif;--gx-font-display: "Inter", system-ui, sans-serif;--gx-mono: "JetBrains Mono", ui-monospace, monospace;--gx-heading-weight: 800;--gx-heading-transform: none;--gx-h1-shadow: none;--gx-card-bg: var(--gx-panel);--gx-card-shadow: none;--gx-btn-bg: var(--gx-gradient);--gx-btn-color: #14060b;--gx-btn-border: none;--gx-btn-shadow: 0 8px 24px rgba(255, 94, 91, .25);--gx-btn-shadow-hover: 0 12px 32px rgba(77, 208, 225, .35);--gx-code-bg: #0d1017;--gx-code-bar-bg: rgba(255, 255, 255, .03);--gx-code-text: #c7d0e0;--gx-topbar-bg: rgba(11, 13, 19, .75);--gx-bg-image: none;--gx-bg-size: auto}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--gx-bg);background-image:var(--gx-bg-image);background-size:var(--gx-bg-size);color:var(--gx-text);font-family:var(--gx-font);-webkit-font-smoothing:antialiased;line-height:1.6}::selection{background:color-mix(in srgb,var(--gx-accent-2) 40%,transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--gx-bg)}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--gx-text) 18%,transparent);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--gx-text) 30%,transparent)}.gx-container{max-width:1100px;margin:0 auto;padding:0 24px}.gx-section{padding:56px 0}.gx-section[id]{scroll-margin-top:70px}.gx-kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;background:var(--gx-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px}.gx-h1{font-family:var(--gx-font-display);font-size:clamp(40px,6vw,68px);font-weight:var(--gx-heading-weight);text-transform:var(--gx-heading-transform);text-shadow:var(--gx-h1-shadow);line-height:1.08;letter-spacing:-.02em;margin:0 0 16px}.gx-h2{font-family:var(--gx-font-display);font-size:30px;font-weight:var(--gx-heading-weight);text-transform:var(--gx-heading-transform);letter-spacing:-.01em;margin:0 0 8px}.gx-h3{font-family:var(--gx-font-display);font-size:19px;font-weight:var(--gx-heading-weight);margin:0 0 6px}.gx-lead{color:var(--gx-text-soft);font-size:18px;max-width:640px}.gx-muted{color:var(--gx-text-soft)}.gx-gradient-text{background:var(--gx-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.gx-card{background:var(--gx-card-bg);border:var(--gx-border-w) solid var(--gx-border);border-radius:var(--gx-radius);box-shadow:var(--gx-card-shadow);padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s ease,border-color .25s ease,background .25s ease}.gx-card.gx-card--hover:hover{transform:translateY(-3px);border-color:var(--gx-border-strong)}.gx-grid{display:grid;gap:18px}.gx-grid.gx-grid--2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.gx-grid.gx-grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.gx-btn{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:var(--gx-radius-sm);padding:12px 22px;font-family:var(--gx-font);font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.gx-btn.gx-btn--primary{background:var(--gx-btn-bg);border:var(--gx-btn-border);color:var(--gx-btn-color);box-shadow:var(--gx-btn-shadow)}.gx-btn.gx-btn--primary:hover{transform:translateY(-2px);box-shadow:var(--gx-btn-shadow-hover)}.gx-btn.gx-btn--ghost{background:var(--gx-panel);border:var(--gx-border-w) solid var(--gx-border);color:var(--gx-text)}.gx-btn.gx-btn--ghost:hover{border-color:var(--gx-border-strong);background:var(--gx-panel-strong);transform:translateY(-2px)}.gx-chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:4px 12px;border-radius:999px;border:var(--gx-border-w) solid var(--gx-border);background:var(--gx-panel);color:var(--gx-text-soft)}.gx-table-wrapper{overflow-x:auto;border:var(--gx-border-w) solid var(--gx-border);border-radius:var(--gx-radius);box-shadow:var(--gx-card-shadow);background:var(--gx-card-bg)}table.gx-table{width:100%;border-collapse:collapse;font-size:14.5px}table.gx-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--gx-text-soft);padding:14px 18px;border-bottom:var(--gx-border-w) solid var(--gx-border-strong);white-space:nowrap}table.gx-table td{padding:12px 18px;border-bottom:var(--gx-border-w) solid var(--gx-border);vertical-align:top;color:var(--gx-text)}table.gx-table td:last-child{color:var(--gx-text-soft)}table.gx-table tr:last-child td{border-bottom:none}table.gx-table code{font-family:var(--gx-mono);font-size:13px;background:color-mix(in srgb,var(--gx-accent-2) 12%,transparent);color:var(--gx-accent-2);border-radius:6px;padding:2px 7px;white-space:normal;line-height:2;box-decoration-break:clone;-webkit-box-decoration-break:clone}table.gx-table td:first-child code{background:color-mix(in srgb,var(--gx-accent) 12%,transparent);color:var(--gx-accent);white-space:nowrap}table.gx-table td:last-child{min-width:260px}.gx-section-heading{display:flex;align-items:baseline;gap:8px}.gx-section-heading:hover .gx-section-heading__link{opacity:1}.gx-section-heading__link{font-family:var(--gx-mono);font-size:15px;font-weight:700;line-height:1;color:var(--gx-text-soft);background:none;border:none;padding:2px 4px;cursor:pointer;opacity:.4;transition:opacity .2s ease,color .2s ease}.gx-section-heading__link:hover,.gx-section-heading__link:focus-visible{opacity:1;color:var(--gx-accent)}.gx-section-heading__link.copied{opacity:1;color:var(--gx-green)}.gx-section-heading__toast{font-size:12px;font-weight:600;color:var(--gx-green)}.gx-code{border:var(--gx-border-w) solid var(--gx-border);border-radius:var(--gx-radius-sm);background:var(--gx-code-bg);box-shadow:var(--gx-card-shadow);overflow:hidden}.gx-code .gx-code__bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--gx-code-bar-bg);border-bottom:var(--gx-border-w) solid var(--gx-border)}.gx-code .gx-code__lang{font-family:var(--gx-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--gx-text-soft)}.gx-code .gx-code__copy{font-family:var(--gx-font);font-size:12px;font-weight:600;color:var(--gx-text-soft);background:var(--gx-code-bg);border:var(--gx-border-w) solid var(--gx-border);border-radius:8px;padding:4px 12px;cursor:pointer;transition:color .2s ease,border-color .2s ease}.gx-code .gx-code__copy:hover{color:var(--gx-code-text);border-color:var(--gx-border-strong)}.gx-code .gx-code__copy.copied{color:var(--gx-green);border-color:#7ae58280}.gx-code pre{margin:0;padding:16px 18px;overflow-x:auto}.gx-code pre code{font-family:var(--gx-mono);font-size:13.5px;line-height:1.7;color:var(--gx-code-text);white-space:pre}.gx-code .tok-str{color:var(--gx-green)}.gx-code .tok-kw{color:var(--gx-purple)}.gx-code .tok-dec,.gx-code .tok-num{color:var(--gx-orange)}.gx-code .tok-com{color:var(--gx-text-soft)}.gx-code .tok-tag{color:var(--gx-cyan)}.gx-code .tok-attr{color:var(--gx-orange)}.gx-code .tok-prop{color:var(--gx-blue)}.gx-inline-code{font-family:var(--gx-mono);font-size:.88em;background:color-mix(in srgb,var(--gx-accent) 12%,transparent);color:var(--gx-accent);border-radius:6px;padding:2px 7px}.gx-layout-sidebar{display:grid;grid-template-columns:210px 1fr;gap:40px;align-items:start}@media (max-width: 860px){.gx-layout-sidebar{grid-template-columns:1fr}}.gx-layout-sidebar [id]{scroll-margin-top:90px}.gx-layout-content{min-width:0}.gx-sidenav{position:sticky;top:96px;display:flex;flex-direction:column;gap:2px;border-right:var(--gx-border-w) solid var(--gx-border);padding-right:16px}@media (max-width: 860px){.gx-sidenav{position:static;flex-direction:row;flex-wrap:wrap;border-right:none;padding-right:0}}.gx-sidenav__title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--gx-text-soft);margin-bottom:8px}.gx-sidenav a{position:relative;text-decoration:none;color:var(--gx-text-soft);font-size:14px;font-weight:500;padding:6px 10px;border-radius:var(--gx-radius-sm);transition:color .15s ease,background .15s ease}.gx-sidenav a:hover{color:var(--gx-text);background:var(--gx-panel-strong)}.gx-sidenav a.active{color:var(--gx-text);font-weight:600}.gx-sidenav a.active:after{content:"";position:absolute;top:4px;bottom:4px;right:calc(-16px - var(--gx-border-w));width:2px;border-radius:2px;background:var(--gx-accent)}@media (max-width: 860px){.gx-sidenav a.active:after{display:none}}.gx-swatch-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.gx-value{font-family:var(--gx-mono);font-size:13px;color:var(--gx-accent);background:color-mix(in srgb,var(--gx-accent) 8%,transparent);border:var(--gx-border-w) solid color-mix(in srgb,var(--gx-accent) 25%,transparent);border-radius:8px;padding:4px 10px}a.gx-link{color:var(--gx-accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--gx-accent) 40%,transparent);transition:border-color .2s ease}a.gx-link:hover{border-color:var(--gx-accent)}._red-overlay{background:#ff00004d}._default-overlay{background:#0000004d}.brand-theme{--ngx-colors-surface: #2a1a3e;--ngx-colors-text: #e0d4f5;--ngx-colors-text-strong: #ffffff;--ngx-colors-border: #4a3a5e;--ngx-colors-hover: rgba(255, 255, 255, .1);--ngx-colors-radius: 14px;--ngx-colors-tooltip-bg: #1a0a2e;--ngx-colors-tooltip-text: #e0d4f5;--ngx-colors-error: #ff8fa3;--ngx-colors-selected-ring: #d6a8ff;--ngx-colors-swatch-ring: #2a1a3e;--ngx-colors-skeleton: #3a2a4e;--ngx-colors-checkerboard: #4a3a5e;--ngx-colors-checkerboard-alt: #2a1a3e;--ngx-colors-elevation: 0 8px 30px rgba(120, 40, 200, .45)}
