@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");

/* ================================================================
   Card Cloud API Reference — Reap ReadMe.io "line" theme
   Derived from reap.readme.io/reference/get_cards-bulkshipid-bulkship
   ThemeContext_line + ThemeContext_dark
   Brand: #006A64 teal
   ================================================================ */
/* ---- Fonts ---- */
/* ================================================================
   DESIGN TOKENS — extracted from ReadMe.io ui-styles + Reap overrides
   ================================================================ */
:root {
  /* Page & surfaces (line theme: white bg) */
  --page: #ffffff;
  --surface: #ffffff;
  --surface-soft: #f4f6f9;
  --surface-muted: #eef2f6;

  /* Text scale */
  --ink: #2f3640;
  --muted: #6f7a86;
  --faint: #9ca5b3;

  /* Borders */
  --line: #d9e0e8;
  --line-soft: #e6ebf0;

  /* Accent — Reap brand #006A64 */
  --accent: #118a72;
  --accent-hover: #0d6f5c;
  --accent-soft: rgba(17, 138, 114, 0.12);

  /* Link colors (line theme overrides) */
  --link: #006a64;
  --link-hover: #000404;

  /* Method badge colors */
  --method-get: #ffffff;
  --method-get-bg: #0aa06e;
  --method-post: #ffffff;
  --method-post-bg: #1583ff;
  --method-put: #ffffff;
  --method-put-bg: #7b63d3;
  --method-delete: #ffffff;
  --method-delete-bg: #ea5a6f;
  --method-patch: #ffffff;
  --method-patch-bg: #f29c38;

  /* Semantic */
  --danger: #e2576a;
  --success: #0aa06e;

  /* Code blocks (dark theme from ThemeContext_dark) */
  --code-bg: #2c3138;
  --code-border: #252b31;
  --code-ink: #e7edf4;
  --code-muted: #97a2af;
  --code-line-no: rgba(151, 162, 175, 0.52);
  --token-keyword: #c29cf3;
  --token-string: #9fd57c;
  --token-number: #f4c46a;
  --token-property: #92b7ff;
  --token-operator: #d4dbe5;
  --token-function: #7ec6ff;
  --token-type: #ec8f85;
  --token-url: #9fd57c;
  --token-command: #f4c46a;
  --token-flag: #d4dbe5;
  --token-comment: #8893a0;

  /* Header (line theme: white, tab-style navigation) */
  --header-bg: rgba(255, 255, 255, 0.96);
  --header-border: #dde4eb;
  --header-text: #586270;
  --header-text-active: #27313b;
  --header-tab-underline: #eff2f5;

  /* API Reference shell: shared by stacked header and three-column body */
  --api-shell-max: 1720px;
  --api-shell-pad: 48px;
  --api-sidebar-width: 300px;
  --api-playground-width: 500px;
  --api-doc-rail-width: 300px;

  /* Typography */
  --mono: ui-monospace, "SF Mono", "Monaco", "Cascadia Code", "Consolas", "Liberation Mono", "Courier New", monospace;
  --sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

  /* Radii */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --portal-accent: #4b3dca;
  --portal-accent-hover: #5a4dd9;
  --portal-ink: #0f172a;
  --portal-muted: #6b7280;
  --portal-line: rgba(226, 228, 242, 1);
  --portal-header-shadow: 0 10px 30px rgba(75, 61, 202, 0.08);
  --portal-soft: linear-gradient(102deg, #fafcff 4%, #f8f9ff 85%);

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 8px 22px rgba(15, 23, 42, 0.07);
  --shadow-lg: 0 18px 42px rgba(15, 23, 42, 0.1);

  /* Base */
  color: var(--ink);
  background: var(--page);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  scroll-padding-top: 130px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* ================================================================
   RESET
   ================================================================ */
*, *::before, *::after { box-sizing: border-box; }
html, body, #app { min-height: 100%; }
body {
  margin: 0;
  background: var(--page);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: 0.55; }
code, pre, kbd, samp { font-family: var(--mono); }
/* Global table styling — matching Skill reference */
th {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-transform: uppercase;
  color: #606d78;
  padding: 0 7.2px 2.4px;
  text-align: left;
}
td {
  font-size: 13px;
  font-weight: 400;
  line-height: 19.5px;
  color: #444e57;
  padding: 5.2px 7.8px;
}
/* Global inline code styling — matching Skill reference */
code {
  font-family: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
  font-size: 13.5px;
  line-height: 20.25px;
  padding: 2.7px 5.4px;
  border-radius: 3px;
  background-color: #f1f3f4;
  color: #30353a;
}
pre {
  font-family: monospace;
  font-size: 13px;
  line-height: 19.5px;
}
a { color: var(--link); text-decoration: none; }
a:hover { color: var(--link-hover); text-decoration: underline; }
/* ================================================================
   APP SHELL
   ================================================================ */
.app-shell { min-height: 100vh; background: var(--page); }
.site-shell {
  min-height: 100vh;
  background: #fff;
}
.site-main {
  padding-top: 88px;
}
.site-main-developer {
  padding-top: 0;
}
.site-main-auth {
  min-height: calc(100vh - 88px);
  background: var(--portal-soft);
}
.site-main-api-center {
  padding-top: 0;
}
.site-main-guides {
  padding-top: 0;
}
.portal-header {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 60;
  height: 88px;
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  padding: 0 28px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--portal-header-shadow);
  backdrop-filter: blur(12px);
}
.portal-header--developer {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--portal-header-shadow);
  backdrop-filter: blur(12px);
}
.portal-header__brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.portal-header__logo {
  width: 46px;
  height: 46px;
  display: block;
  object-fit: contain;
}
.portal-header__brand-name {
  font-size: 17px;
  font-weight: 700;
  color: #2f45d8;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
/* BorderBeam wrapper — holds the animated conic-gradient beam */
.portal-nav-beam-wrap {
  position: relative;
  justify-self: center;
  border-radius: 999px;
  padding: 1.5px;          /* beam border thickness */
  background: rgba(75, 61, 202, 0.08);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}
/* The rotating conic-gradient that creates the traveling beam */
.portal-nav-beam-wrap::before {
  content: '';
  position: absolute;
  /* must be larger than the diagonal of the pill to cover all corners */
  inset: -200%;
  background: conic-gradient(
    from var(--beam-angle, 0deg),
    transparent   0deg,
    transparent   310deg,
    #a855f7       325deg,
    #6366f1       335deg,
    #38bdf8       345deg,
    #6366f1       355deg,
    #a855f7       358deg,
    transparent   360deg
  );
  animation: beam-rotate 6s linear infinite;
}
@keyframes beam-rotate {
  to { --beam-angle: 360deg; }
}
@property --beam-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}
.portal-header__nav {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(18px);
}
.portal-nav__button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 132px;
  height: 44px;
  padding: 0 22px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #40506a;
  font-size: 15px;
  font-weight: 700;
  line-height: 44px;
  text-align: center;
  white-space: nowrap;
  transition:
    background 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}
.portal-nav-icon,
.portal-nav-menu__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.portal-nav-icon {
  width: 18px;
  height: 18px;
}
.portal-nav-icon svg,
.portal-nav-menu__icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.portal-nav-icon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.portal-nav-icon--home {
  color: #4f7cff;
}
.portal-nav-icon--developer {
  color: #7c3aed;
}
.portal-nav-icon--resources {
  color: #f59e0b;
}
.portal-nav__button::after {
  content: '';
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 7px;
  height: 2px;
  border-radius: 999px;
  background: #7c3aed;
  opacity: 0;
  transform: scaleX(0.5);
  transform-origin: center;
  transition: opacity 0.18s ease, transform 0.18s ease;
}
.portal-nav__button:hover {
  background: rgba(15, 23, 42, 0.045);
  color: #29364d;
}
.portal-nav__button:hover::after {
  opacity: 1;
  transform: scaleX(1);
}
.portal-nav__button.active {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.26)),
    rgba(122, 92, 230, 0.18);
  color: #4938d4;
  box-shadow:
    0 10px 24px rgba(79, 70, 229, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.75),
    inset 0 -1px 0 rgba(89, 70, 210, 0.08);
}
.portal-nav-dropdown {
  position: relative;
}
.portal-nav__button--dropdown {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.portal-nav__chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  color: currentColor;
  opacity: 0.65;
  transform: rotate(0deg);
  transition: transform 0.22s ease, opacity 0.18s ease;
}
.portal-nav__chevron svg {
  width: 14px;
  height: 14px;
  display: block;
}
.portal-nav-dropdown:hover .portal-nav__chevron,
.portal-nav-dropdown:focus-within .portal-nav__chevron {
  opacity: 1;
}
.portal-nav-dropdown.open .portal-nav__chevron {
  opacity: 1;
  transform: rotate(180deg);
}
.portal-nav-menu {
  position: fixed;
  z-index: 80;
  display: grid;
  gap: 4px;
  width: min(calc(100vw - 24px), 244px);
  padding: 6px;
  border: 1px solid rgba(124, 58, 237, 0.14);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow:
    0 20px 45px rgba(37, 44, 70, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
  backdrop-filter: blur(18px);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -4px);
  transition: opacity 0.16s ease, transform 0.16s ease;
}
.portal-nav-menu::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -12px;
  height: 12px;
}
.portal-nav-menu.open {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
}
.portal-nav-menu__item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 42px;
  padding: 8px 14px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: #40506a;
  text-align: left;
  cursor: pointer;
  transition: background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}
.portal-nav-menu__item span {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  white-space: normal;
}
.portal-nav-menu__icon {
  width: 17px;
  height: 17px;
}
.portal-nav-menu__icon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.portal-nav-menu__icon--guides {
  color: #8b5cf6;
}
.portal-nav-menu__icon--api {
  color: #06b6d4;
}
.portal-nav-menu__icon--sandbox {
  color: #10b981;
}
.portal-nav-menu__item:hover {
  background: rgba(15, 23, 42, 0.045);
  color: #29364d;
}
.portal-nav-menu__item.active {
  background: rgba(122, 92, 230, 0.12);
  color: #4938d4;
  box-shadow: inset 0 0 0 1px rgba(122, 92, 230, 0.08);
}
.portal-header__actions {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.portal-search {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 280px;
  height: 44px;
  padding: 0 16px;
  border: 1px solid var(--portal-line);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}
.portal-search__icon {
  display: inline-flex;
  color: #8b83d8;
  font-size: 16px;
}
.portal-search input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #94a3b8;
  font-size: 13px;
}
.portal-language,
.portal-user__logout {
  height: 42px;
  padding: 0 16px;
  border: 1px solid var(--portal-line);
  border-radius: 999px;
  background: #fff;
  color: #475569;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}
.portal-user,
.portal-login {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.portal-user__button,
.portal-login {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 44px;
  padding: 0 14px;
  border: 1px solid var(--portal-line);
  border-radius: 999px;
  background: #fff;
  color: var(--portal-accent);
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}
.portal-header--developer .portal-language,
.portal-header--developer .portal-login,
.portal-header--developer .portal-user__button,
.portal-header--developer .portal-user__logout,
.portal-header--developer .portal-search {
  box-shadow: 0 10px 26px rgba(87, 94, 162, 0.08);
}
.portal-user__button span {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.portal-user__avatar {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}
.developer-home {
  background: #fff;
  overflow: hidden;
}
.developer-home__hero {
  height: 800px;
  display: flex;
  flex-wrap: nowrap;
  background: #fff;
}
.developer-home__hero-copy {
  width: calc(100% - 780px);
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 70px;
}
.developer-home__hero-copy p {
  margin: 0;
  color: #000;
}
.developer-home__hero-copy p:first-child,
.developer-home__hero-copy p:nth-child(2),
.developer-home__hero-copy p:nth-child(3){
  font-size: 60px;
  line-height: 88px;
  font-weight: 600;
}
.developer-home__hero-copy p:nth-child(2) {
  color: var(--portal-accent);
}
.developer-home__hero-copy p:nth-child(3) {
  color: var(--portal-accent);
  margin-bottom: 36px;
}
.developer-home__hero-copy p:nth-child(4) {
  max-width: 980px;
  font-size: 20px;
  line-height: 1.55;
  font-weight: 400;
}
.developer-home__hero-visual {
  width: 780px;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.developer-home__section {
  padding: 0 80px;
}
.developer-home__section-intro {
  padding-top: 110px;
}
.developer-home__section-head {
  display: flex;
  gap: 30px;
  padding-right: 100px;
  color: #000;
  font-size: 28px;
  line-height: 1.85;
  font-weight: 600;
}
.developer-home__section-head .accent,
.developer-home__headline .accent,
.developer-home__debug-content .accent {
  color: var(--portal-accent);
}
.developer-home__section-head-icon {
  width: 73px;
  flex-shrink: 0;
  padding-top: 10px;
}
.developer-home__section-head-icon img {
  width: 73px;
  height: 73px;
  opacity: 0;
}
.developer-home__section-head-icon img.visible {
  opacity: 1;
  animation: developer-rotate-in 1s ease-in-out;
}
.developer-home__cta-row {
  margin: 56px 0 0 103px;
}
.developer-home__cta-row button,
.developer-home__sandbox-button button,
.developer-home__documentation-button button,
.developer-home__debug-content button {
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  height: 58px;
  line-height: 58px;
  border: none;
  background: var(--portal-accent);
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  opacity: 0;
  transition: background 0.18s ease;
}
.developer-home__cta-row button.visible,
.developer-home__sandbox-button button.visible,
.developer-home__documentation-button button.animation,
.developer-home__debug-content button.visible {
  width: 311px;
  opacity: 1;
  animation: developer-button-in 1s ease-in-out;
}
.developer-home__cta-row button:hover,
.developer-home__sandbox-button button:hover,
.developer-home__documentation-button button:hover,
.developer-home__debug-content button:hover {
  background: var(--portal-accent-hover) !important;
}
.developer-home__explore {
  position: relative;
  display: flex;
  height: 700px;
  margin-bottom: 120px;
  padding: 103px 0 0 200px;
}
.developer-home__explore-image {
  width: 881px;
  height: 584px;
  opacity: 0;
}
.developer-home__explore-image.visible {
  opacity: 1;
  animation: developer-fade-in 1s ease-in-out;
}
.developer-home__explore-code {
  position: absolute;
  left: 730px;
  top: 255px;
  width: 651px;
  min-height: 330px;
  padding: 34px 36px 42px;
  background: #fff;
  box-shadow: 0 0 37px rgba(154, 175, 234, 0.35);
  color: var(--portal-accent);
  box-sizing: border-box;
}
.developer-typewriter {
  margin: 0;
  color: var(--portal-accent);
  font-size: 17px;
  line-height: 1.42;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace !important;
}
.developer-home__vertical-bar {
  position: absolute;
  display: inline-block;
  width: 24px;
  height: 0;
  background: var(--portal-accent);
}
.developer-home__vertical-bar.visible {
  height: 270px;
  animation: developer-bar-grow 1s ease-in-out;
}
.developer-home__vertical-bar--back {
  right: -48px;
  top: 130px;
  opacity: 0.24;
}
.developer-home__vertical-bar--front {
  right: -24px;
  top: 20px;
}
.developer-home__headline {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 100px;
  color: #000;
  font-size: 34px;
  font-weight: 600;
  text-align: center;
}
.developer-home__headline img {
  width: 48px;
  height: 48px;
  margin-right: 22px;
}
.developer-home__intro-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding: 0 100px;
  margin: 80px 0;
}
.developer-home__intro-card,
.developer-home__scene-card {
  opacity: 0;
  padding-top: 10px;
}
.developer-home__intro-card.visible,
.developer-home__scene-card.visible {
  opacity: 1;
  padding-top: 0;
  animation: developer-card-in 1s ease-in-out;
}
.developer-home__intro-card-content {
  height: 269px;
  padding-top: 30px;
  text-align: center;
  border-radius: 14px;
  background-image: linear-gradient(90deg, #f2f1ff 4%, #ffffff 62%, #eff8ff 92%);
}
.developer-home__intro-card-content img {
  width: 110px;
  height: 110px;
  margin-bottom: 20px;
}
.developer-home__intro-card-content p {
  margin: 0;
  padding: 0 20px;
  color: #000;
  font-size: 24px;
  line-height: 1.35;
}
.developer-home__scene-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding: 0 100px;
}
.developer-home__scene-card-bg {
  height: 484px;
  padding-top: 27px;
  margin-bottom: 41px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.developer-home__scene-card-bg img {
  width: 88px;
  height: 88px;
  margin: 0 0 22px 55px;
}
.developer-home__scene-card-bg p {
  margin: 0 30px 0 45px;
  color: #fff;
  font-size: 26px;
  line-height: 1.25;
  font-weight: 600;
}
.developer-home__sandbox {
  margin-top: 80px;
  background-image: linear-gradient(150deg, #f2f1ff 0%, #ffffff 66%, #eff8ff 100%);
}
.developer-home__sandbox {
  display: grid;
  grid-template-columns: 672px 1fr;
  align-items: center;
  padding: 0 20px;
}
.developer-home__sandbox-visual img {
  width: 672px;
  height: 800px;
  opacity: 0;
}
.developer-home__sandbox-visual img.visible {
  opacity: 1;
  animation: developer-fade-in 1s ease-in-out;
}
.developer-home__sandbox-copy h2,
.developer-home__documentation-left h2,
.developer-home__debug-content h2 {
  margin: 0 0 40px;
  color: var(--portal-accent);
  font-size: 68px;
  line-height: 60px;
  font-weight: 600;
}
.developer-home__sandbox-copy p,
.developer-home__debug-content p {
  margin: 0;
  color: #000;
  font-size: 28px;
  line-height: 1.45;
}
.developer-home__sandbox-button {
  margin-top: 53px !important;
}
.developer-home__advantages {
  grid-column: 1 / -1;
  margin-bottom: 130px;
}
.developer-home__advantages-title {
  display: flex;
  align-items: center;
  gap: 38px;
  margin-bottom: 80px;
  padding-left: 44px;
}
.developer-home__advantages-title img {
  width: 73px;
  height: 73px;
  opacity: 0;
}
.developer-home__advantages-title img.visible {
  opacity: 1;
  animation: developer-rotate-in 1s ease-in-out;
}
.developer-home__advantages-title span {
  color: var(--portal-accent);
  font-size: 60px;
  font-weight: 400;
}
.developer-home__advantages-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px 80px;
  padding: 0 70px;
}
.developer-home__advantage-item {
  display: flex;
  align-items: flex-start;
  gap: 28px;
}
.developer-home__advantage-item img {
  width: 40px;
  height: 40px;
  margin-top: 11px;
}
.developer-home__advantage-item span {
  color: #000;
  font-size: 24px;
  line-height: 1.65;
}
.developer-home__banyuan-row {
  margin: 88px 67px 40px 0;
  text-align: right;
}
.developer-home__banyuan-row--left {
  margin: 80px 0 0;
  padding-left: 143px;
  text-align: left;
}
.developer-home__banyuan-row img {
  width: 100px;
  height: 100px;
  margin-right: 31px;
  opacity: 0;
}
.developer-home__banyuan-row img:last-child {
  margin-right: 0;
}
.developer-home__banyuan-row img.animation {
  opacity: 1;
  animation: developer-rotate-in 1s ease-in-out;
}
.developer-home__documentation {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 950px;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.developer-home__documentation-left {
  padding: 16% 0 0 79px;
}
.developer-home__documentation-left p {
  margin: 0;
  color: #000;
  font-size: 28px;
  line-height: 1.45;
}
.developer-home__documentation-left p span {
  margin-left: 8px;
  color: var(--portal-accent);
  font-size: 36px;
  line-height: 1;
  vertical-align: middle;
}
.developer-home__documentation-left p img {
  width: 31px;
  height: 21px;
  margin-left: 12px;
  vertical-align: middle;
}
.developer-home__documentation-button {
  margin-top: 40px;
}
.developer-home__documentation-right {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding: 6% 40px 0 0;
  align-content: start;
}
.developer-home__documentation-card {
  height: 304px;
  padding: 20px;
}
.developer-home__documentation-card-inner {
  width: 270px;
  height: 0;
  opacity: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.developer-home__documentation-card.visible .developer-home__documentation-card-inner {
  height: 304px;
  opacity: 1;
  animation: developer-doc-card-in 1s ease-in-out;
}
.developer-home__documentation-card-inner img {
  width: 80px;
  height: 80px;
  margin: 30% 0 35px 35%;
}
.developer-home__documentation-card-inner p {
  margin: 0;
  padding: 10px 40px 0;
  color: #000;
  font-size: 18px;
  line-height: 1.25;
  text-align: center;
  overflow-wrap: anywhere;
}
.developer-home__debug {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(380px, 0.9fr);
  align-items: center;
  gap: 56px;
  min-height: 760px;
  width: 100%;
  padding: 48px 32px 0;
}
.developer-home__debug-bg {
  position: relative;
  width: 100%;
  max-width: 960px;
  aspect-ratio: 1167 / 702;
  height: auto;
  opacity: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  justify-self: start;
}
.developer-home__debug-bg.visible {
  opacity: 1;
  animation: developer-fade-in 1s ease-in-out;
}
.developer-home__debug-content {
  max-width: 560px;
  margin: 0;
  text-align: left;
  justify-self: start;
}
.developer-home__debug-content button {
  margin-top: 36px;
}
.developer-home__api-suite {
  position: relative;
  width: 100%;
  padding-top: 100px;
  margin-bottom: 150px;
  min-height: 1180px;
}
.developer-home__api-suite-bg {
  width: 100%;
  display: block;
}
.developer-home__api-suite-grid {
  position: absolute;
  top: 180px;
  left: 40px;
  display: flex;
}
.developer-home__api-code-wall {
  position: absolute;
  top: 40px;
  right: 47px;
  width: 592px;
  height: 1100px;
  padding: 40px;
  overflow: hidden;
  background: #1c1746;
  box-shadow: 0 0 37px rgba(154, 175, 234, 0.35);
}
.developer-home__api-code-scroll {
  width: 100%;
  animation: developer-code-scroll 25s linear infinite;
}
.developer-home__api-code-block {
  margin: 0 0 20px;
  color: #77a1ff;
  font-size: 18px;
  line-height: 1.55;
  white-space: pre-wrap;
  word-break: break-word;
}
.developer-home__api-code-block code {
  background: none;
  padding: 0;
  border-radius: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.developer-home__api-column {
  width: 221px;
  margin-right: 28px;
}
.developer-home__api-column:nth-child(2) {
  margin-top: 85px;
}
.developer-home__api-column:nth-child(3) {
  margin-top: 170px;
}
.developer-home__api-item {
  display: flex;
  align-items: center;
  margin-bottom: 70px;
}
.developer-home__api-item-icon {
  display: inline-block;
  width: 107px;
  height: 107px;
  padding: 13px 13px 14px 14px;
  background: #fff;
  box-shadow: 0 0 37px rgba(210, 208, 239, 1);
}
.developer-home__api-item-icon img {
  width: 100%;
  height: 100%;
}
.developer-home__api-item-text {
  width: calc(100% - 107px);
  padding-left: 17px;
  color: #000;
  font-size: 17px;
  line-height: 1.35;
  max-width: 210px;
  text-wrap: balance;
}
.developer-footer {
  padding: 32px 0 22px;
  background: rgba(255, 255, 255, 0.8);
  border-top: 1px solid rgba(226, 228, 242, 0.8);
}
.developer-footer__inner {
  width: min(100% - 48px, 1400px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(180px, 280px) repeat(3, 1fr);
  gap: 24px;
}
.developer-footer__brand {
  align-self: start;
}
.developer-footer__brand img {
  width: 180px;
  height: auto;
  display: block;
}
.developer-footer__column {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: 6px;
}
.developer-footer__subgroups {
  display: flex;
  gap: 24px;
}
.developer-footer__subgroup {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: 6px;
}
.developer-footer__column h3 {
  margin: 0 0 12px;
  color: #0f1a50;
  font-size: 14px;
}
.developer-footer-contact-row {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  justify-self: start;
  margin-top: 0;
}
.developer-footer__column:last-child h3 {
  margin-bottom: 8px;
}
.developer-footer-phone {
  display: flex;
  align-items: center;
  gap: 8px;
}
.developer-footer-email {
  display: flex;
  align-items: center;
  gap: 8px;
}
.developer-footer-email {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2px;
}
.developer-footer-email__icon {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #57617a;
  cursor: pointer;
  transition: background 0.15s;
}
.developer-footer-email__icon:hover {
  background: #eef1fb;
}
.developer-footer-email__text {
  color: #4b5563;
  font-size: 14px;
  text-decoration: none;
  white-space: nowrap;
}
.developer-footer-email__text:hover {
  color: #1a73e8;
  text-decoration: underline;
}
.developer-footer-phone {
  display: flex;
  align-items: center;
  gap: 2px;
}
.developer-footer-phone__icon {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: #6b7280;
}
.developer-footer-phone__icon svg {
  width: 24px;
  height: 24px;
}
.developer-footer-phone__text {
  color: #4b5563;
  font-size: 14px;
  text-decoration: none;
  white-space: nowrap;
}
.developer-footer-email__toast {
  position: absolute;
  left: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
  padding: 4px 12px;
  border-radius: 6px;
  background: #1a1f36;
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
}
.developer-footer__column button,
.developer-footer__column a {
  padding: 0;
  border: 0;
  background: transparent;
  color: #253063;
  text-align: left;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: color 0.15s;
}
.developer-footer__column button:hover,
.developer-footer__column a:hover {
  text-decoration: underline;
  color: #3044ff;
}
.developer-footer-social {
  position: relative;
  display: flex;
  gap: 10px;
  margin-top: 0;
}
.developer-footer-social button {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(48, 68, 255, 0.1);
  color: #2f45ff;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.developer-footer-social button:hover {
  background: #eef1fb;
  color: #3044ff;
  text-decoration: none;
}
.developer-footer-social svg {
  width: 15px;
  height: 15px;
}
.developer-footer__copyright {
  margin: 22px 0 0;
  color: #7a83a5;
  text-align: center;
  font-size: 12px;
}
@media (max-width: 720px) {
  .developer-footer {
    padding: 28px 0 18px;
  }

  .developer-footer__inner {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .developer-footer__brand {
    margin-bottom: 4px;
  }

  .developer-footer__brand img {
    width: min(170px, 100%);
  }

  .developer-footer__column {
    gap: 8px;
  }

  .developer-footer__subgroups {
    display: grid;
    gap: 8px;
  }

  .developer-footer__subgroup {
    gap: 8px;
  }

  .developer-footer-contact-row {
    gap: 12px;
    margin-top: 10px;
  }

  .developer-footer__copyright {
    width: min(100% - 24px, 420px);
    margin: 18px auto 0;
    line-height: 1.5;
  }
}
@media (max-width: 520px) {
  .developer-footer__inner {
    gap: 18px;
  }

  .developer-footer__column h3 {
    margin-bottom: 10px;
  }

  .developer-footer__column button,
  .developer-footer__column a {
    font-size: 14px;
    line-height: 1.45;
  }

  .developer-footer-contact-row {
    flex-wrap: wrap;
  }
}
@keyframes developer-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes developer-rotate-in {
  from {
    opacity: 0;
    transform: rotate(0deg);
  }
  to {
    opacity: 1;
    transform: rotate(360deg);
  }
}
@keyframes developer-button-in {
  from {
    width: 0;
    opacity: 0;
  }
  to {
    width: 311px;
    opacity: 1;
  }
}
@keyframes developer-card-in {
  from {
    opacity: 0;
    padding-top: 10px;
  }
  to {
    opacity: 1;
    padding-top: 0;
  }
}
@keyframes developer-bar-grow {
  from { height: 0; }
  to { height: 270px; }
}
@keyframes developer-doc-card-in {
  from {
    opacity: 0;
    height: 0;
  }
  to {
    opacity: 1;
    height: 304px;
  }
}
@keyframes developer-code-scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}
.portal-language:hover,
.portal-login:hover,
.portal-user__button:hover,
.portal-user__logout:hover {
  border-color: rgba(75, 61, 202, 0.28);
}
.auth-page {
  min-height: calc(100vh - 88px);
  display: flex;
  flex-wrap: nowrap;
  background:
    radial-gradient(circle at 20% 12%, rgba(79, 70, 229, 0.08), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}
.auth-page__main {
  flex: 1 1 58%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 56px 48px;
}
.auth-page__main-register {
  justify-content: center;
  padding: 44px 48px;
}
.auth-page__side {
  flex: 0 0 42%;
  min-height: calc(100vh - 88px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.auth-page__side::before {
  content: '';
  position: absolute;
  inset: 0;
  /*background: linear-gradient(180deg, rgba(17, 24, 39, 0.08), rgba(17, 24, 39, 0.28));*/
  pointer-events: none;
}
.auth-page__side-login {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 72px;
}
.auth-page__side-login h2 {
  position: relative;
  z-index: 1;
  max-width: 240px;
  margin: 0;
  font-size: 34px;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  text-shadow: 0 2px 12px rgba(27, 24, 46, 0.75);
}
.auth-page__side-register {
  display: flex;
  align-items: center;
  padding: 0 48px;
}
.auth-card {
  width: min(100%, 460px);
  padding: 36px;
  border: 1px solid rgba(221, 228, 235, 0.9);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 24px 60px rgba(30, 41, 59, 0.1);
}
.auth-card-login {
  text-align: left;
}
.auth-card-register {
  width: min(100%, 560px);
  padding: 30px 36px;
}
.auth-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #6b7280;
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 20px;
  transition: color 0.15s;
}
.auth-back:hover {
  color: #374151;
}
.auth-back svg {
  width: 16px;
  height: 16px;
}
.auth-field__input-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.auth-field__input-row input {
  flex: 1;
  min-width: 0;
}
.auth-field__inline-success {
  margin: 2px 0 0;
  padding: 10px 14px;
  border-radius: 8px;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  color: #166534;
  font-size: 13px;
  line-height: 1.5;
  animation: authFieldErrorIn 0.2s ease-out;
}
@keyframes authFieldErrorIn {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}
.auth-field__inline-error {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 2px 0 0;
  padding: 10px 14px;
  border-radius: 8px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #991b1b;
  font-size: 13px;
  line-height: 1.5;
  animation: authFieldErrorIn 0.2s ease-out;
}
.auth-field__inline-error-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #dc2626;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.auth-send-code {
  flex: 0 0 auto;


  height: 48px;

  padding: 0 18px;
  border: 1.5px solid #2563eb;
  border-radius: 10px;
  background: #fff;
  color: #2563eb;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.auth-send-code:hover:not(:disabled) {
  background: #2563eb;
  color: #fff;
}
.auth-send-code:disabled {
  border-color: #d1d5db;
  color: #9ca3af;
  cursor: default;
}
.password-checks {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.password-checks li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #9ca3af;
  line-height: 1.4;
  transition: color 0.2s;
}
.password-checks li.met {
  color: #16a34a;
}
.password-checks__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1.5px solid #d1d5db;
  flex-shrink: 0;
  transition: background 0.2s, border-color 0.2s;
}
.password-checks__icon::after {
  content: '';
  display: block;
  width: 6px;
  height: 3px;
  border-left: 1.5px solid transparent;
  border-bottom: 1.5px solid transparent;
  transform: rotate(-45deg) translateY(-1px);
  transition: border-color 0.2s;
}
.password-checks li.met .password-checks__icon {
  background: #dcfce7;
  border-color: #16a34a;
}
.password-checks li.met .password-checks__icon::after {
  border-left-color: #16a34a;
  border-bottom-color: #16a34a;
}
.auth-card h1 {
  margin: 0 0 10px;
  color: var(--portal-accent);
  font-size: 38px;
  line-height: 1.2;
  letter-spacing: 0;
}
.auth-card-register h1 {
  font-size: 32px;
  text-align: left;
}
.auth-card > p {
  margin: 0 0 30px;
  color: #536074;
  font-size: 16px;
  line-height: 1.55;
}
.auth-form {
  display: grid;
  gap: 18px;
}
.auth-form-register {
  gap: 13px;
}
.auth-field {
  position: relative;
  display: grid;
  gap: 8px;
}
.auth-field--error input {
  border-color: #dc2626;
  box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.1);
}
.auth-field > span {
  color: #27313b;
  font-size: 16px;
  font-weight: 700;
}
.auth-field input {
  width: 100%;
  height: 48px;
  padding: 0 14px;
  border: 1px solid #d9e0e8;
  border-radius: 10px;
  outline: 0;
  background: #ffffff;
  color: var(--portal-ink);
  font-size: 15px;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
}
.auth-form-register .auth-field input {
  height: 44px;
}
.auth-field input:hover {
  border-color: #c8d2de;
}
.auth-field input:focus {
  border-color: var(--portal-accent);
  box-shadow: 0 0 0 4px rgba(75, 61, 202, 0.12);
}
.auth-field--error input:focus {
  border-color: #dc2626;
  box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.12);
}
.auth-field__bubble {
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  z-index: 12;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  max-width: min(100%, 420px);
  padding: 10px 14px;
  border: 1px solid #c9c9c9;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.18);
  color: #111827;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  transform: translateX(-50%);
}
.auth-field__bubble::before {
  content: '';
  position: absolute;
  top: -7px;
  left: 50%;
  width: 14px;
  height: 14px;
  border-top: 1px solid #c9c9c9;
  border-left: 1px solid #c9c9c9;
  background: #fff;
  transform: translateX(-50%) rotate(45deg);
}
.auth-field__bubble--tight {
  top: calc(100% + 4px);
}
.auth-field__bubble--inline {
  left: 0;
  right: auto;
  min-width: min(100%, 260px);
  max-width: min(100%, 320px);
  transform: none;
}
.auth-field__bubble--inline::before {
  left: 18px;
  right: auto;
  transform: rotate(45deg);
}
.auth-field__bubble-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background: #ef6c00;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
}
.auth-password-wrap {
  position: relative;
  display: flex;
}
.auth-password-wrap input {
  padding-right: 44px;
}
/* Suppress browser-native password reveal (Edge, password managers) */
.auth-password-wrap input::-ms-reveal,
.auth-password-wrap input::-ms-clear {
  display: none;
}
.auth-password-toggle {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #9aa0a6;
  cursor: pointer;
  transition: color 0.15s, background 0.15s;
}
.auth-password-toggle:hover {
  color: #4b5563;
  background: rgba(0, 0, 0, 0.04);
}
.auth-password-toggle svg {
  width: 20px;
  height: 20px;
}
.auth-submit {
  height: 50px;
  margin-top: 4px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #5144d3 0%, #6c63e8 100%);
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 14px 28px rgba(75, 61, 202, 0.22);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    opacity 0.18s ease;
}
.auth-submit:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 18px 34px rgba(75, 61, 202, 0.28);
}
.auth-submit:disabled {
  cursor: not-allowed;
  opacity: 0.55;
  box-shadow: none;
}
.auth-form__footer,
.auth-form__hint {
  margin: 0;
  color: #6f7a86;
  font-size: 15px;
  line-height: 1.5;
}
.auth-form__agree {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 6px 0 0;
  color: #6b7280;
  font-size: 13px;
  line-height: 1.6;
  cursor: pointer;
  user-select: none;
}
.auth-form__agree input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.auth-form__agree-check {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 3px;
  border: 1.5px solid #d1d5db;
  border-radius: 4px;
  background: #fff;
  position: relative;
  transition: border-color 0.2s, background 0.2s;
}
.auth-form__agree input[type="checkbox"]:checked + .auth-form__agree-check {
  border-color: #2563eb;
  background: #2563eb;
}
.auth-form__agree input[type="checkbox"]:checked + .auth-form__agree-check::after {
  content: '';
  position: absolute;
  left: 5px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.auth-form__agree a {
  color: #7c3aed;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}
.auth-form__agree a:hover {
  color: #6d28d9;
}
.auth-form__footer {
  margin-top: 18px;
  text-align: center;
  color: #27313b;
}
.auth-form__error,
.auth-form__success {
  margin: 0;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.5;
}
.auth-form__error {
  background: #fff1f2;
  color: #dc2626;
}
.auth-form__success {
  background: #ecfdf5;
  color: #15803d;
}
.auth-link-button {
  margin-left: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--portal-accent);
  font-size: inherit;
  font-weight: 700;
  cursor: pointer;
}
.auth-link-button:hover {
  color: var(--portal-accent-hover);
  text-decoration: underline;
}
.auth-register__bullets {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 38px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #fff;
  font-size: 24px;
  line-height: 1.45;
}
.auth-register__bullets li {
  position: relative;
  padding-left: 34px;
}
.auth-register__bullets li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(255, 255, 255, 0.95);
  border-radius: 50%;
}
.secret-page {
  min-height: calc(100vh - 88px);
  display: flex;
  background: #fff;
}
.secret-page__visual {
  flex: 0 0 62%;
  min-height: calc(100vh - 88px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.secret-page__content {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 42px;
}
.secret-card {
  width: min(100%, 440px);
}
.secret-card__lead {
  margin: 0 0 28px;
  color: #111827;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}
.secret-card__submit {
  width: 100%;
  margin-top: 22px;
}
.secret-modal {
  margin-top: 36px;
  padding: 28px;
  border: 1px solid rgba(226, 228, 242, 1);
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f8f9ff 100%);
  box-shadow: 0 22px 50px rgba(75, 61, 202, 0.12);
}
.secret-modal h2 {
  margin: 0 0 24px;
  color: #111827;
  font-size: 28px;
  text-align: center;
}
.secret-modal__timer-label,
.secret-modal__token-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #6b7280;
  font-size: 15px;
}
.secret-modal__timer-label img,
.secret-modal__token-title img {
  width: 22px;
  height: 22px;
}
.secret-modal__timer-value {
  margin: 10px 0 22px;
  color: var(--portal-accent);
  font-size: 34px;
  font-weight: 700;
  text-align: center;
}
.secret-modal__token-title {
  color: #111827;
  font-size: 18px;
  font-weight: 700;
}
.secret-modal__token-box {
  margin: 14px 0 24px;
  padding: 18px 22px;
  border: 1px solid rgba(226, 228, 242, 1);
  border-radius: 12px;
  background: #fff;
  color: #334155;
  font-size: 14px;
  line-height: 1.6;
  word-break: break-all;
}
.secret-modal__copy {
  width: 100%;
  height: 50px;
  border: 0;
  background: var(--portal-accent);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.secret-modal__copy:hover {
  background: var(--portal-accent-hover);
}
.secret-modal__copy.copied {
  background: #16a34a;
  transition: background 0.2s;
}
/* ================================================================
   TOP BAR — Reap ReadMe.io line theme: WHITE, tab navigation
   ================================================================ */
.topbar {
  position: sticky;
  top: 0;
  z-index: 30;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 28px;
  height: 74px;
  padding: 0 30px;
  background: var(--header-bg);
  box-shadow: 0 1px 0 var(--header-border);
  backdrop-filter: blur(16px);
}
/* Two-row variant (Reap-style): brand+actions on top, nav below */
.topbar--stacked {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  height: auto;
  padding: 0;
}
.topbar-row {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: min(calc(100% - var(--api-shell-pad) * 2), var(--api-shell-max));
  margin: 0 auto;
  padding: 0;
}
.topbar-row--primary {
  justify-content: space-between;
  height: 70px;
}
.topbar-row--nav {
  gap: 16px;
  height: 46px;
}
.topbar-website-btn {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 18px;
  border: 1.5px solid #4f46e5;
  border-radius: 8px;
  background: #fff;
  color: #4f46e5;
  font-size: 13px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s, color 0.15s, box-shadow 0.15s;
}
.topbar-website-btn:hover {
  background: #4f46e5;
  color: #fff;
  box-shadow: 0 4px 14px rgba(79, 70, 229, 0.24);
}
.topbar-dev-btn {
  display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: #374151;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.topbar-dev-btn:hover {
  border-color: var(--portal-accent);
  box-shadow: 0 0 0 3px rgba(75, 61, 202, 0.08);
}
.topbar-left {
  display: inline-flex;
  align-items: center;
  gap: 18px;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--ink);
  text-align: left;
  padding: 0;
}
.brand-mark {
  width: 28px; height: 28px;
  flex: 0 0 auto;
  border-radius: var(--radius-sm);
  background: var(--surface-soft);
  border: 1px solid var(--line);
}
.docs-brand-logo {
  width: 46px;
  height: 46px;
  display: block;
  object-fit: contain;
}
.docs-brand-text {
  color: #2f45d8;
  font-size: 19px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.version-switcher {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.version-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 34px;
  padding: 0 8px 0 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--ink);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: color 0.16s;
}
.version-chip:hover,
.version-switcher:focus-within .version-chip {
  background: transparent;
  color: var(--header-text-active);
}
.version-switcher--static .version-chip {
  cursor: default;
  pointer-events: none;
}
.version-switcher--static .version-chip:hover,
.version-switcher--static:focus-within .version-chip {
  color: var(--ink);
}
.version-switcher--static .version-chevron,
.version-switcher--static .version-menu {
  display: none;
}
.version-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  color: currentColor;
}
.version-chevron svg {
  display: block;
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.version-menu {
  position: absolute;
  left: 0;
  top: calc(100% + 6px);
  z-index: 60;
  display: grid;
  width: 190px;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.12);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 0.14s ease, transform 0.14s ease;
}
.version-switcher:hover .version-menu,
.version-switcher:focus-within .version-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.version-option {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 6px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--ink);
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
}
.version-option:hover {
  background: var(--surface-soft);
}
.version-option.active {
  background: #f8fafc;
}
.version-default {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  padding: 0 8px;
  border-radius: 999px;
  background: #079669;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}
.version-check {
  color: #64748b;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}
/* ---- Top navigation tabs (line theme style) ---- */
.topnav {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}
.topnav-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  flex: 0 0 auto;
}
.topnav-actions .search-box,
.topnav-actions .topbar-ai-button {
  height: 34px;
}
.topnav-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 33px;
  padding: 0 12px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--header-text);
  font-size: 15px;
  font-weight: 500;
  transition: background 0.16s, color 0.16s, box-shadow 0.16s;
}
.topnav-item:hover { background: var(--surface-soft); color: var(--ink); }
.topnav-item.active {
  background: #e6e7e9;
  color: var(--header-text-active);
  font-weight: 500;
  box-shadow: none;
}
.nav-icon {
  color: var(--faint);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.nav-icon--book {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  letter-spacing: 0;
}
.nav-icon--svg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  letter-spacing: 0;
}
.nav-icon--book svg,
.nav-icon--svg svg {
  display: block;
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.top-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.docs-user {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 240px;
  height: 40px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--surface);
  color: var(--ink);
  font-size: 13px;
  font-weight: 600;
  box-shadow: var(--shadow-sm);
}
.docs-user:hover {
  background: var(--surface-soft);
}
.docs-user span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.docs-user__avatar {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
}
/* ---- Search Box ---- */
.search-box {
  display: flex; align-items: center; gap: 8px;
  width: 165px; min-width: 165px;
  height: 36px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  color: var(--ink);
  cursor: pointer;
  font: inherit;
  transition: border-color 0.15s, box-shadow 0.15s;
  box-shadow: var(--shadow-sm);
}
.search-box__icon {
  display: inline-flex;
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  color: var(--muted);
}
.search-box__icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.search-box:focus-within {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(0, 106, 100, 0.15);
  background: var(--surface);
}
.search-label {
  color: var(--muted);
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}
.search-box input {
  flex: 1 1 auto; width: 0; min-width: 0; border: 0; outline: 0;
  background: transparent; color: var(--ink);
  font-size: 13px; font-weight: 700;
  letter-spacing: 0.08em;
}
.search-box input::placeholder { color: var(--faint); }
.search-shortcut {
  margin-left: auto;
  color: var(--faint);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  white-space: nowrap;
}
/* ---- Buttons ---- */
.ghost-button, .copy-button, .icon-button, .subtle-button {
  display: inline-flex; align-items: center; justify-content: center;
  height: 36px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--surface);
  color: var(--muted);
  font-size: 14px; font-weight: 600;
  transition: background 0.12s, border-color 0.12s, box-shadow 0.12s;
  white-space: nowrap;
  box-shadow: var(--shadow-sm);
}
.ghost-button:hover, .copy-button:hover, .icon-button:hover, .subtle-button:hover {
  background: var(--surface-soft);
  border-color: var(--line);
}
.ghost-button, .copy-button, .subtle-button { padding: 0 12px; }
.icon-button { padding: 0 7px; }
.icon-button.light { background: transparent; border-color: transparent; }
.icon-button.light:hover { background: var(--surface-soft); border-color: var(--line); }
.topbar-ai-button {
  padding: 0 16px;
}
/* ================================================================
   THREE-COLUMN REFERENCE LAYOUT
   ================================================================ */
.reference-layout {
  display: grid;
  grid-template-columns: var(--api-sidebar-width) minmax(0, 1fr) var(--api-playground-width);
  width: min(calc(100% - var(--api-shell-pad) * 2), var(--api-shell-max));
  min-height: calc(100vh - 116px);
  max-width: var(--api-shell-max);
  margin: 0 auto;
  padding: 0;
}
.reference-layout.reference-layout--doc {
  grid-template-columns: var(--api-sidebar-width) minmax(0, 1fr) var(--api-doc-rail-width);
}
/* ================================================================
   LEFT SIDEBAR — ReadMe.io rm-Sidebar hub-sidebar reference-redesign
   ================================================================ */
.sidebar {
  position: sticky; top: 116px; align-self: start;
  width: var(--api-sidebar-width); min-width: var(--api-sidebar-width);
  height: calc(100vh - 116px);
  overflow: auto;
  padding: 28px 24px 44px 0;
  border-right: 1px solid var(--line-soft);
  background: #fff;
  scrollbar-width: thin;
}
.sidebar-eyebrow {
  display: block;
  padding: 0 0 0 12px;
  margin: 0 0 12px;
  color: #68737d;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
/* Jump-to button */
.jump-box {
  display: flex; align-items: center; justify-content: space-between;
  width: calc(100% - 12px); margin: 0 0 28px 0;
  padding: 7px 8px 7px 12px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  color: #4b5563;
  font-size: 12px; font-weight: 700;
  text-align: left;
  transition: border-color 0.15s, box-shadow 0.15s;
  box-shadow: none;
}
.jump-box:hover {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(0, 106, 100, 0.1);
}
.jump-box:focus-visible {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(0, 106, 100, 0.2);
  outline: 0;
}
kbd {
  display: inline-block; padding: 1px 5px;
  border: 1px solid var(--line); border-radius: 3px;
  background: var(--surface); color: var(--faint);
  font-family: var(--mono); font-size: 11px; font-weight: 700;
  line-height: 1.5;
}
/* ---- Sidebar section labels (like Guides top-level titles) ---- */
.sidebar-section-label {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #9ca3af;
  padding: 0 12px 8px;
  margin: 20px 0 0;
}
/* ---- Nav Groups — matching ReadMe.io sidebar groups ---- */
.nav-group { margin-bottom: 10px; }
.group-toggle {
  display: flex; width: 100%; align-items: center; justify-content: space-between;
  padding: 0 8px 8px 12px;
  border: 0; background: transparent;
  color: #3f4a54;
  font-size: 14px; font-weight: 500; line-height: 18px;
  text-align: left;
  border-radius: 7px;
  transition: all 0.15s ease;
}
.group-toggle:hover {
  color: #30353a;
  background: #f1f3f4;
}
.group-toggle--interactive.active {
  background: #e8f4f3;
  color: #007f78;
}
.group-toggle--interactive.active small {
  color: #007f78;
}
.group-toggle-chevron {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  fill: none;
  stroke: #606d78;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform: rotate(-90deg);
  transition: transform 0.18s ease, stroke 0.15s ease;
}
.group-toggle-chevron.open {
  transform: rotate(0deg);
}
.group-toggle--static {
  cursor: default;
  padding: 0 8px 8px 12px;
  font-size: 14px;
  font-weight: 500;
  color: #3f4a54;
}
.group-toggle--split {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px 8px 12px;
  font-size: 14px;
  font-weight: 500;
}
.group-toggle__label {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0;
  border: none;
  background: none;
  color: #68737d;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  text-align: left;
  cursor: pointer;
  transition: color 0.15s;
}
.group-toggle__label:hover {
  color: #30353a;
}
.group-toggle__label.active {
  color: #006a64;
}
.group-toggle__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}
.group-toggle__icon .group-toggle-chevron {
  stroke: #a3adb8;
}
.group-toggle--clickable {
  cursor: pointer;
  transition: color 0.15s;
}
.group-toggle--clickable:hover {
  color: #30353a;
}
.group-toggle--clickable.active {
  color: #006a64;
}
.group-links { margin-top: 0; padding-left: 12px; }
/* ---- API Link ---- */
.api-link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  width: 100%; align-items: flex-start; gap: 8px;
  min-height: 32px;
  padding: 5px 7px 5px 10px;
  border: 0; border-radius: 7px;
  background: transparent;
  color: #3f4a54;
  font-size: 14px; font-weight: 500; line-height: 20px;
  text-align: left;
  transition: all 0.15s ease;
}
.api-link:hover { background: #f3f0ff; color: #6d28d9; }
.api-link span { font-size: 14px; font-weight: inherit; line-height: 20px; }
.api-link.active {
  background: #ede9fe;
  color: #5b21b6;
  font-weight: 600;
}
.api-link-doc {
  grid-template-columns: minmax(0, 1fr);
}
/* ---- Method Badges ---- */
.method-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1px 7px;
  border-radius: 999px;
  font-family: var(--sans);
  font-size: 10px;
  font-weight: 700;
  line-height: 15px;
  text-transform: uppercase;
  flex-shrink: 0;
}
.method-badge.method-post    { background: rgba(109, 40, 217, 0.08); color: #6d28d9; }
.api-link:hover .method-badge.method-post  { background: #7c3aed; color: #fff; }
.api-link.active .method-badge.method-post { background: #6d28d9; color: #fff; }
.method-badge.method-get     { background: rgba(26, 111, 181, 0.08); color: #1a6fb5; }
.method-badge.method-put     { background: rgba(197, 114, 10, 0.08); color: #c5720a; }
.method-badge.method-delete  { background: rgba(197, 34, 31, 0.08); color: #c5221f; }
.method-badge.method-patch   { background: rgba(123, 54, 179, 0.08); color: #7b36b3; }
/* ================================================================
   JUMP-TO MODAL
   ================================================================ */
.jump-overlay {
  position: fixed; inset: 56px 0 0; z-index: 40;
  display: flex; align-items: flex-start; justify-content: center;
  padding-top: 56px;
  background: rgba(31, 35, 40, 0.35);
  backdrop-filter: blur(4px);
}
.jump-modal {
  width: min(100%, 500px); max-height: calc(100vh - 130px);
  overflow: hidden;
  border: 1px solid var(--line); border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-lg);
}
.jump-modal-head { padding: 10px 10px 0; }
.jump-filter-input {
  width: 100%; height: 38px; padding: 0 12px;
  border: 1px solid var(--line); border-radius: var(--radius-md);
  outline: 0; background: var(--surface-soft);
  color: var(--ink); font-size: 14px;
}
.jump-filter-input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(0, 106, 100, 0.15);
  background: var(--surface);
}
.jump-modal-body { max-height: calc(100vh - 200px); overflow: auto; padding: 6px 0 8px; }
.jump-section + .jump-section { margin-top: 4px; }
.jump-section h3 {
  margin: 0; padding: 6px 14px 2px;
  color: var(--faint); font-size: 11px; font-weight: 600;
  letter-spacing: 0.04em; text-transform: uppercase;
}
.jump-item {
  display: flex; width: 100%; align-items: center; justify-content: space-between;
  gap: 8px; padding: 7px 14px;
  border: 0; background: transparent;
  color: var(--ink); text-align: left;
  font-size: 14px; font-weight: 500;
  transition: background 0.08s;
}
.jump-item:hover, .jump-item.active { background: var(--accent-soft); }
.jump-item span { min-width: 0; line-height: 1.35; }
.jump-item small {
  padding: 1px 5px; border-radius: 3px;
  background: var(--surface-soft); color: var(--muted);
  font-family: var(--mono); font-size: 10px; font-weight: 600; white-space: nowrap;
}
.jump-empty { margin: 0; padding: 14px; color: var(--faint); font-size: 14px; }
/* ================================================================
   MAIN CONTENT AREA — rm-Article
   ================================================================ */
.content {
  padding: 38px 30px 84px 30px;
  background: #fff;
  min-width: 0;
}
.breadcrumb, .eyebrow {
  margin: 0 0 10px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}
/* Title row */
.title-row {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-bottom: 34px;
  margin-bottom: 28px;
  border-bottom: 0.666667px solid rgba(0, 0, 0, 0.1);
}
.title-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
/* H1 — page title, matching Skill's "Ship physical card" */
h1 {
  margin: 0;
  color: #30353a;
  font-size: 31px;
  font-weight: 700;
  line-height: 1.2;
  min-width: 0;
}
.endpoint-line {
  display: flex; flex-wrap: wrap; align-items: baseline;
  gap: 9px;
  margin-top: 9px;
  color: var(--muted);
}
.method-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0 8px;
  border-radius: 999px;
  font-family: var(--sans);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1px;
  text-transform: uppercase;
  line-height: 16px;
}
.method-pill.method-post { background: #6d28d9; color: #fff; }
.method-pill.method-get { background: #008756; color: #fff; }
.method-pill.method-put { background: #c5720a; color: #fff; }
.method-pill.method-delete { background: #c5221f; color: #fff; }
.method-pill.method-patch { background: #7b36b3; color: #fff; }
.endpoint-line code, .url-box code {
  color: #6b7785; word-break: break-all;
  font-size: 14px; font-weight: 600;
  font-family: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
  background: transparent;
}
.service-code-line {
  display: flex;
  align-items: center;
  margin-top: 7px;
}
.service-code-chip {
  display: inline-flex;
  align-items: stretch;
  height: 20px;
  border-radius: 5px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  font-family: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
  line-height: 20px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.07);
}
.service-code-chip-label {
  display: flex;
  align-items: center;
  padding: 0 7px;
  background: #c2610c;
  color: #fff;
  letter-spacing: 0.1px;
}
.service-code-chip-value {
  display: flex;
  align-items: center;
  padding: 0 8px;
  background: #fff4ec;
  color: #9a4009;
  font-family: inherit;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.1px;
  border: 1px solid rgba(194, 97, 12, 0.2);
  border-left: none;
  border-radius: 0 5px 5px 0;
}
.copy-button { min-width: 70px; white-space: nowrap; }
.page-copy-button {
  display: inline-flex; align-items: center; gap: 6px;
  height: 34px;
  flex-shrink: 0;
  min-width: auto; padding: 0 10px;
  font-size: 14px; font-weight: 500;
  color: #30353a; background: #fff;
  border: 1px solid #e1e4e8; border-radius: 7px;
  box-shadow: none;
}
.page-copy-button:hover { background: #f1f3f4; }
.description {
  max-width: 760px;
  margin: 8px 0 0;
  color: #30353a;
  font-size: 15px;
  font-weight: 400;
  line-height: 22.5px;
}
/* ---- Sections — matching ReadMe.io Reference-section ---- */
.doc-section, .guide-card { margin-top: 30px; }
/* When description is absent, pull the first doc-section closer to title-row */
.title-row + .doc-section { margin-top: 14px; }
.section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.section-head p { margin: 0; color: #444e57; font-size: 12px; font-weight: 500; line-height: 16px; }
/* H2 — matching ReadMe.io APISectionHeader-heading */
.doc-section h2, .response-panel h2, .guide-card h2, .panel-label-row h2 {
  margin: 0 0 12px; padding-bottom: 0; border-bottom: none;
  color: #30353a; font-size: 15px; font-weight: 700;
  line-height: 22.5px;
}
/* ---- Recent Requests Table — matching APILogsTable ---- */
.recent-table {
  border: 1px solid #e3e7eb; border-radius: 7px;
  overflow: hidden; background: #fff;
  box-shadow: none;
}
.recent-row { display: grid; grid-template-columns: 150px 120px minmax(0, 1fr); gap: 12px; padding: 9px 12px; }
.recent-row-head {
  border-bottom: 1px solid #e5e7eb;
  background: transparent;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-transform: uppercase;
  color: #606d78;
}
.recent-empty { padding: 16px 16px 10px; text-align: center; }
.recent-empty p { margin: 0 0 8px; color: #606d78; font-size: 14px; font-weight: 500; line-height: 20px; }
.recent-empty small { color: #8b96a2; font-size: 12px; }
.recent-rows {
  display: flex;
  flex-direction: column;
}
.recent-row-data {
  border-top: 1px solid #f3f4f6;
  font-size: 13px;
  line-height: 20px;
  transition: background 0.12s;
  cursor: pointer;
}
.recent-row-data:hover {
  background: #f9fafb;
}
.recent-row-data:focus-visible {
  outline: 2px solid rgba(48, 68, 255, 0.32);
  outline-offset: -2px;
  background: #f9fafb;
}
.recent-row-data:first-child {
  border-top: none;
}
.recent-time {
  color: #4b5563;
  font-weight: 400;
}
.recent-status {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
}
.recent-status--success {
  color: #059669;
}
.recent-status--error {
  color: #dc2626;
}
.recent-user-agent {
  color: #6b7280;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recent-footer {
  padding: 8px 12px;
  border-top: 1px solid #e5e7eb;
  background: #f9fafb;
  text-align: center;
}
.recent-footer small {
  color: #8b96a2;
  font-size: 12px;
}
.recent-restore-note {
  margin: 0;
  padding: 8px 12px;
  border-top: 1px solid #e5e7eb;
  background: #fbfcfd;
  color: #606d78;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
.recent-toggle {
  padding: 4px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #fff;
  color: #6d28d9;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.12s, border-color 0.12s;
}
.recent-toggle:hover {
  background: #f5f3ff;
  border-color: #6d28d9;
}
/* ---- Notes ---- */
.note-inline { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; }
.note-inline code {
  display: inline-flex; align-items: center; min-height: 26px;
  padding: 2px 8px; border: 1px solid #e5e7eb; border-radius: 6px;
  background: #f1f3f4; color: #30353a;
  font-size: 13.5px; font-weight: 400;
}
.note-inline p {
  max-width: 760px; margin: 0; color: #30353a;
  font-size: 15px; font-weight: 400; line-height: 22.5px;
}
/* ---- Info Tables ---- */
.info-table-section { display: grid; gap: 14px; }
.info-table-card h2 { margin-bottom: 8px; }
.info-table-grid {
  overflow: hidden; border: 1px solid #e5e7eb;
  border-radius: 8px; background: #fff;
  box-shadow: none;
}
.info-table-head, .info-table-row {
  display: grid; grid-template-columns: minmax(150px, 260px) minmax(0, 1fr);
}
.info-table-head {
  background: #fcfdff; color: #30353a;
  font-size: 14px; font-weight: 600;
  border-bottom: 1px solid #e5e7eb;
}
.info-table-head span, .info-table-row span { padding: 12px 16px; border-right: 1px solid #e5e7eb; }
.info-table-head span:last-child, .info-table-row span:last-child { border-right: 0; }
.info-table-row { border-top: 1px solid #e5e7eb; }
.info-table-row:first-of-type { border-top: 0; }
.info-table-key {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0;
  padding: 4px 8px;
  border-radius: 6px;
  background: #f1f3f4;
  font-family: var(--mono);
  font-size: 13.5px;
  font-weight: 400;
  color: #30353a;
}
.info-table-value { font-size: 15px; line-height: 22.5px; color: #30353a; }
/* ---- Highlights / Callouts ---- */
.highlight-section { display: grid; gap: 10px; }
.doc-callout {
  display: grid; grid-template-columns: 4px minmax(0, 1fr);
  overflow: hidden; border-radius: 8px;
  border: 1px solid #ccfbf1;
}
.doc-callout-marker { background: #006a64; }
.doc-callout-copy { padding: 14px 16px 14px 14px; }
.doc-callout-copy h2 { margin: 0 0 4px; border-bottom: 0; padding-bottom: 0; font-size: 15px; font-weight: 600; color: #30353a; }
.doc-callout-copy p { margin: 0; max-width: 760px; font-size: 15px; line-height: 22.5px; color: #30353a; }
.doc-callout-info { background: #f0fdfa; border-color: #ccfbf1; }
.doc-callout-info .doc-callout-marker { background: #006a64; }
.doc-callout-info .doc-callout-copy h2 { color: #30353a; }
.doc-callout-info .doc-callout-copy p { color: #30353a; }
.doc-callout-warning { background: #fffbeb; border-color: #fde68a; }
.doc-callout-warning .doc-callout-marker { background: #d4a72c; }
.doc-callout-warning .doc-callout-copy h2 { color: #30353a; }
.doc-callout-warning .doc-callout-copy p { color: #30353a; }
.doc-note-box {
  display: grid; grid-template-columns: 4px minmax(0, 1fr);
  overflow: hidden; border-radius: 8px;
  background: #eef2ff;
}
.doc-note-bar { background: #3b5bdb; }
.doc-note-body { display: grid; gap: 10px; padding: 16px 18px; }
.doc-note-para { margin: 0; font-size: 14.5px; line-height: 23px; color: #2d4ab0; }
/* ================================================================
   HEADERS SECTION — matching ReadMe.io Param layout
   ================================================================ */
.header-list { display: grid; gap: 0; }
.header-card {
  display: grid; grid-template-columns: minmax(0, 1fr) 160px;
  align-items: center; gap: 6px 16px;
  padding: 12px 12px;
  border: 1px solid #e3e7eb; border-radius: 7px;
  background: var(--surface);
}
.header-copy {
  grid-row: 1; grid-column: 1;
  min-width: 0;
}
.header-copy strong { display: block; color: #30353a; font-size: 14px; font-weight: 600; }
.header-title-line { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; }
.header-title-line span { color: #606d78; font-size: 12px; font-weight: 400; }
.header-title-line em { color: rgb(221, 30, 46); font-style: normal; font-size: 12px; font-weight: 400; text-transform: lowercase; }
.header-title-line small { color: #9aa0a6; font-size: 11px; font-weight: 400; }
.header-description {
  grid-column: 1 / -1;
  margin: 0; color: #444e57; font-size: 13px; font-weight: 400; line-height: 1.5;
}
.header-control { position: relative; grid-row: 1; grid-column: 2; min-width: 0; }
.header-input-wrap { position: relative; width: 100%; }
.header-value-input {
  width: 100%; min-height: 34px; padding: 0 12px;
  border: 1px solid var(--line); border-radius: 6px;
  background: var(--surface-soft); color: var(--ink);
  font-size: 14px; font-weight: 500; outline: 0;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.header-value-input::placeholder { color: var(--faint); }
.header-value-input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(0, 106, 100, 0.15);
  background: var(--surface);
}
.header-value-menu {
  position: absolute; top: calc(100% + 4px); right: 0; z-index: 12;
  width: 270px; padding: 6px 0;
  border: 1px solid var(--line); border-radius: var(--radius-lg);
  background: var(--surface); box-shadow: var(--shadow-lg);
}
.header-value-menu p { display: flex; align-items: center; gap: 6px; margin: 0; padding: 5px 12px; color: var(--muted); font-size: 13px; }
.header-check { color: var(--success); font-size: 11px; font-weight: 700; }
.header-value-option {
  display: grid; width: 100%; gap: 1px; padding: 7px 12px;
  border: 0; background: transparent; color: var(--ink); text-align: left;
}
.header-value-option:hover, .header-value-option.active { background: var(--surface-soft); }
.header-value-option strong { font-size: 13px; font-weight: 600; }
.header-value-option span { color: var(--faint); font-size: 12px; line-height: 1.4; }
.header-default-option { border-top: 1px solid var(--line); margin-top: 4px; padding-top: 8px; }
.header-menu-toggle { width: 100%; padding: 7px 12px 0; border: 0; background: transparent; color: var(--accent); font-size: 12px; font-weight: 600; text-align: left; }
/* ================================================================
   PARAM FORM — matching ReadMe.io Param / rjsf
   ================================================================ */
.path-params .param-form,
.query-params .param-form,
.body-params .param-form {
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: #fff;
  overflow: visible;
  padding: 10px 16px;
}
.path-params .param-form,
.query-params .param-form,
.headers-section .param-form {
  border-top: 1px solid #e5e7eb;
}
.param-form-group + .param-form-group { margin-top: 10px; }
.param-form-group.framed {
  border: 1px solid #e3e7eb; border-radius: 7px;
  overflow: visible; background: #fff;
}
.param-group-head { padding: 12px 14px 0; }
.param-group-head strong { display: block; color: #30353a; font-size: 14px; font-weight: 600; }
.param-group-head p { margin: 3px 0 8px; color: #444e57; font-size: 13px; line-height: 1.5; }
.param-card {
  border-bottom: 1px solid #e5e7eb;
  padding: 6px 0;
}
.param-card:last-child { border-bottom: 0; }
.param-object-head {
  display: flex; width: 100%; align-items: center; justify-content: space-between;
  padding: 11px 0; border: 0; background: transparent;
  color: #30353a; text-align: left;
}
.object-title, .param-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.object-title strong, .param-heading strong { color: #30353a; font-family: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace; font-size: 14px; font-weight: 600; }
.object-title small { color: #606d78; font-size: 12px; font-weight: 400; }
.param-heading span { color: #606d78; font-size: 12px; font-weight: 400; }
.object-title em, .param-heading em { color: rgb(221, 30, 46); font-style: normal; font-size: 12px; font-weight: 400; line-height: 18px; text-transform: lowercase; }
.object-toggle {
  display: grid; width: 18px; height: 18px; place-items: center;
  border: 1px solid #e5e7eb; border-radius: 50%;
  background: #fff; color: #606d78;
  font-size: 12px; font-weight: 600; flex-shrink: 0;
}
.param-children { margin-left: 10px; padding-left: 12px; border-left: 1px solid #e5e7eb; }
.param-leaf {
  position: relative;
  display: grid; grid-template-columns: minmax(0, 1fr) 180px;
  gap: 18px; align-items: start; padding: 12px 0;
  font-size: 13px;
}
.path-params .param-form > .param-card:first-child,
.query-params .param-form > .param-card:first-child,
.body-params .param-form > .param-card:first-child,
.path-params .param-form > .param-form-group:first-child,
.query-params .param-form > .param-form-group:first-child,
.body-params .param-form > .param-form-group:first-child {
  border-top: 0;
}
.param-copy p { margin: 0; }
.param-desc { margin-top: 3px; color: #444e57; font-size: 13px; font-weight: 400; line-height: 1.5; }
.param-note { margin-top: 6px; color: #9aa0a6; font-size: 12px; font-weight: 400; line-height: 1.5; }
/* Optional label in param rows */
.param-heading em { margin-left: 2px; }
/* Field options */
.field-options { margin-top: 8px; }
.field-options-inline {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
}
.field-options-label { margin: 0; color: var(--muted); font-size: 12px; font-weight: 600; white-space: nowrap; }
.field-options-list { display: flex; flex-wrap: wrap; gap: 5px; }
.field-option-card {
  padding: 3px 8px; border: 1px solid #e5e7eb;
  border-radius: 6px; background: transparent;
  cursor: pointer; text-align: left;
  transition: border-color 0.12s, background 0.12s;
}
.field-option-card:hover {
  border-color: #c7cadf; background: #f1f3f9;
}
.field-option-card--active {
  border-color: var(--accent, #4b3dca); background: #eeedfb;
}
.field-option-card--active .field-option-head code {
  border-color: var(--accent, #4b3dca); background: #fff; color: var(--accent, #4b3dca);
}
.field-option-card--value-only {
  min-width: 58px;
  text-align: center;
}
.field-option-card--value-only .field-option-head {
  justify-content: center;
}
.field-option-card--value-only .field-option-head code {
  min-height: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: #4b5563;
}
.field-option-card--value-only.field-option-card--active .field-option-head code {
  background: transparent;
  color: var(--accent, #4b3dca);
}
.field-option-head { display: flex; flex-wrap: nowrap; align-items: center; gap: 5px; white-space: nowrap; }
.field-option-head code {
  display: inline-flex; align-items: center; min-height: 20px;
  padding: 0 5px; border: 1px solid #e5e7eb; border-radius: 3px;
  background: #fff; color: #6b7280; font-size: 11px; font-weight: 400;
}
.field-option-head strong { color: #6b7280; font-size: 11px; font-weight: 400; }
.field-option-card p { margin: 2px 0 0; color: #444e57; font-size: 11px; line-height: 1.45; }
/* Constraint tags */
.constraint-list { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }
.constraint-list span {
  padding: 1px 6px; border: 1px solid #e5e7eb; border-radius: 3px;
  background: #f1f3f4; color: #9aa0a6;
  font-size: 11px; font-weight: 400;
}
.object-constraints { padding-bottom: 8px; }
/* Param input */
.param-leaf input {
  width: 100%; min-width: 0; height: 32px;
  border: 1px solid var(--line); border-radius: 6px;
  padding: 0 8px; background: var(--surface-soft);
  color: var(--ink); outline: 0;
  font-size: 13px; font-weight: 400;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.param-leaf input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(0, 106, 100, 0.15);
  background: var(--surface);
}
.param-hint {
  position: absolute; right: 0; top: calc(100% + 2px); z-index: 8;
  width: 230px; padding: 8px 10px;
  border: 1px solid var(--line); border-radius: var(--radius-md);
  background: var(--surface); box-shadow: var(--shadow-md);
}
.param-hint p { display: flex; align-items: center; gap: 5px; margin: 0 0 3px; color: var(--muted); font-size: 11px; font-weight: 500; }
.param-hint p:last-child { margin-bottom: 0; }
.hint-dot {
  display: grid; width: 14px; height: 14px; place-items: center;
  border: 1px solid var(--line); border-radius: 50%;
  color: var(--faint); font-size: 9px; line-height: 1;
}
.hint-dot.danger { border-color: #f0b7c4; color: var(--danger); }
.body-params .param-form {
  position: relative;
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: #fff;
  overflow: visible;
}
.body-params .param-form::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  pointer-events: none;
  z-index: 5;
}
.body-params .param-form-group.framed {
  border: 0;
  background: transparent;
}
.body-params .param-form-group.framed > .param-group-head {
  margin-bottom: 8px;
}
.body-params .param-form-group.framed > .param-form {
  border: 0;
}
.body-param-card {
  position: relative;
  border-bottom: 1px solid #e5e7eb;
  padding: 18px 16px 14px;
  background: #fff;
  overflow: visible;
}
.body-param-card:last-child {
  border-bottom: 0;
}
.body-param-card--active {
  position: relative;
  z-index: 60;
}
.body-params .param-form > .body-param-card--active::before,
.body-params .param-form > .body-param-card--active::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #e5e7eb;
  pointer-events: none;
  z-index: 61;
}
.body-params .param-form > .body-param-card--active::before {
  left: 0;
}
.body-params .param-form > .body-param-card--active::after {
  right: 0;
}
.body-params .param-form > .body-param-card--active:first-child {
  box-shadow: inset 0 1px 0 #e5e7eb;
}
.body-params .param-form > .body-param-card--active:last-child {
  box-shadow: inset 0 -1px 0 #e5e7eb;
}
.body-params .param-form > .body-param-card--active:first-child:last-child {
  box-shadow:
    inset 0 1px 0 #e5e7eb,
    inset 0 -1px 0 #e5e7eb;
}
.body-param-summary {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 160px;
  gap: 4px 10px;
  align-items: center;
}
.body-param-summary--stacked {
  display: block;
}
.body-param-enum-options {
  grid-column: 1 / -1;
  margin-top: 2px;
}
.body-param-summary--leaf {
  padding-bottom: 2px;
}
.body-param-summary--active {
  z-index: 2;
}
.body-param-copy {
  min-width: 0;
  grid-row: 1;
  grid-column: 1;
}
.body-param-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.body-param-heading strong {
  color: #2f353d;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
}
.body-param-heading span {
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}
.body-param-heading em {
  color: #ef4444;
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}
.body-param-desc {
  grid-column: 1 / -1;
  margin: 4px 0 0;
  color: #4b5563;
  font-size: 13px;
  line-height: 1.5;
  white-space: pre-line;
}
.body-param-note {
  grid-column: 1 / -1;
  margin-top: 4px;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.5;
}
.body-param-input {
  width: 100%;
  min-width: 0;
  height: 36px;
  border: 1px solid #d9dde3;
  border-radius: 8px;
  padding: 0 14px;
  background: #f8fafc;
  color: #1f2937;
  font-size: 13px;
  font-weight: 500;
  outline: 0;
  transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}
.body-param-input::placeholder {
  color: #6b7280;
  opacity: 1;
}
.body-param-input:focus {
  border-color: #8b5cf6;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.16);
  background: #fff;
}
.body-param-date {
  position: relative;
  margin-top: 4px;
}
.body-param-date__text-input {
  padding-right: 40px;
}
.body-param-date__button {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  z-index: 1;
  transition: background 0.12s, color 0.12s;
}
.body-param-date__button:hover {
  background: rgba(109, 40, 217, 0.08);
  color: #6d28d9;
}
.body-param-date__button:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2);
}
.body-param-date__icon-svg {
  width: 15px;
  height: 15px;
  display: block;
}
/* Calendar dropdown */
.body-param-date__calendar {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 250;
  width: 264px;
  padding: 12px 12px 8px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 6px -1px rgba(0,0,0,0.06), 0 10px 24px -4px rgba(0,0,0,0.10);
  user-select: none;
}
.body-param-date__calendar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  gap: 4px;
}
.body-param-date__calendar-title-group {
  display: flex;
  align-items: center;
  gap: 4px;
}
.body-param-date__calendar-title-btn {
  border: 0;
  background: transparent;
  padding: 3px 6px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
  line-height: 1.4;
}
.body-param-date__calendar-title-btn:hover {
  background: rgba(109, 40, 217, 0.08);
  color: #6d28d9;
}
.body-param-date__calendar-title-btn--active {
  color: #6d28d9;
}
.body-param-date__calendar-title-range {
  font-size: 13px;
  font-weight: 600;
  color: #111827;
  padding: 3px 4px;
}
.body-param-date__calendar-nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.12s, color 0.12s;
}
.body-param-date__calendar-nav svg {
  width: 14px;
  height: 14px;
  display: block;
}
.body-param-date__calendar-nav:hover {
  background: #f3f4f6;
  color: #111827;
}
/* Day grid */
.body-param-date__calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 1px;
  text-align: center;
  margin-bottom: 8px;
}
.body-param-date__calendar-dow {
  font-size: 10px;
  font-weight: 700;
  color: #9ca3af;
  padding: 4px 0 6px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.body-param-date__calendar-day {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #374151;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  transition: background 0.1s, color 0.1s;
}
.body-param-date__calendar-day:hover {
  background: #f3f4f6;
  color: #111827;
}
.body-param-date__calendar-day.--other-month {
  color: #d1d5db;
  cursor: default;
}
.body-param-date__calendar-day.--today {
  font-weight: 700;
  color: #6d28d9;
  box-shadow: inset 0 0 0 1.5px #6d28d9;
}
.body-param-date__calendar-day.--selected {
  background: #6d28d9;
  color: #fff;
  font-weight: 600;
}
.body-param-date__calendar-day.--selected:hover {
  background: #5b21b6;
}
/* Month grid */
.body-param-date__month-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  margin-bottom: 8px;
  padding: 2px 0;
}
.body-param-date__month-cell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #374151;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.1s, color 0.1s;
}
.body-param-date__month-cell:hover {
  background: #f3f4f6;
  color: #111827;
}
.body-param-date__month-cell.--current {
  font-weight: 700;
  color: #6d28d9;
  box-shadow: inset 0 0 0 1.5px #6d28d9;
}
.body-param-date__month-cell.--selected {
  background: #6d28d9;
  color: #fff;
  font-weight: 600;
}
.body-param-date__month-cell.--selected:hover {
  background: #5b21b6;
}
/* Year grid */
.body-param-date__year-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
  margin-bottom: 8px;
  padding: 2px 0;
}
.body-param-date__year-cell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #374151;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.1s, color 0.1s;
}
.body-param-date__year-cell:hover {
  background: #f3f4f6;
  color: #111827;
}
.body-param-date__year-cell.--current {
  font-weight: 700;
  color: #6d28d9;
  box-shadow: inset 0 0 0 1.5px #6d28d9;
}
.body-param-date__year-cell.--selected {
  background: #6d28d9;
  color: #fff;
  font-weight: 600;
}
.body-param-date__year-cell.--selected:hover {
  background: #5b21b6;
}
/* Footer */
.body-param-date__calendar-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #f3f4f6;
  padding-top: 8px;
  margin-top: 2px;
  gap: 8px;
}
.body-param-date__today-btn {
  border: 0;
  background: transparent;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #6d28d9;
  cursor: pointer;
  transition: background 0.12s;
}
.body-param-date__today-btn:hover {
  background: rgba(109, 40, 217, 0.08);
}
.body-param-date__clear-btn {
  border: 0;
  background: transparent;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #9ca3af;
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
}
.body-param-date__clear-btn:hover {
  background: #f3f4f6;
  color: #374151;
}
.body-param-select {
  position: relative;
}
.body-param-select__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-width: 0;
  height: 36px;
  padding: 8px 14px;
  border: 1px solid #d9dde3;
  border-radius: 8px;
  background: #f8fafc;
  color: #1f2937;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  overflow: hidden;
  transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}
.body-param-select__trigger:focus {
  border-color: #8b5cf6;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.16);
  background: #fff;
  outline: 0;
}
.body-param-select__value {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.35;
}
.body-param-select__value--placeholder {
  color: #9ca3af;
}
.body-param-select__right {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
}
.body-param-select__clear {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #d1d5db;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  flex: 0 0 auto;
  align-self: center;
  transition: background 0.15s;
}
.body-param-select__clear:hover {
  background: #9ca3af;
}
.body-param-select__icon {
  position: relative;
  display: inline-flex;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  align-self: center;
  color: #9ca3af;
  font-size: 0;
  line-height: 0;
}
.body-param-select__icon::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 45%;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translate(-50%, -50%) rotate(45deg);
  transform-origin: center;
  transition: transform 0.15s ease, color 0.15s ease;
}
.body-param-select--open .body-param-select__icon::before {
  transform: translate(-50%, -25%) rotate(225deg);
}
.body-param-select__trigger:hover .body-param-select__icon,
.body-param-select__trigger:focus .body-param-select__icon,
.body-param-select--open .body-param-select__icon {
  color: #6b7280;
}
.body-param-select__menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 240;
  width: max-content;
  min-width: 100%;
  max-width: min(460px, calc(100vw - 32px));
  max-height: 240px;
  overflow-y: auto;
  padding: 8px 0;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-lg);
}
.body-param-select__option {
  display: block;
  width: 100%;
  min-height: 28px;
  padding: 8px 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #1f2937;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
}
.body-param-select__option:hover,
.body-param-select__option--active {
  background: rgba(139, 92, 246, 0.10);
  color: #6d28d9;
}
.body-param-select__option-label {
  display: block;
  min-width: 0;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  overflow-wrap: anywhere;
  line-height: 1.45;
}
.body-param-select__option small {
  display: block;
  margin-top: 2px;
  color: #6b7280;
  font-size: 11px;
}
.body-param-control {
  position: relative;
  z-index: 3;
  grid-row: 1;
  grid-column: 2;
}
.body-param-hint {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 200;
  width: 270px;
  padding: 8px 0 0;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-lg);
}
.body-param-hint p {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 500;
}
.body-param-hint__item--neutral {
  color: #6b7280;
}
.body-param-hint__item--success {
  color: #15803d;
}
.body-param-hint__item--error {
  color: #dc2626;
}
.body-param-hint__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  border: 1px solid #d1d5db;
  border-radius: 999px;
  background: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}
.body-param-hint__status--neutral {
  border-color: #d1d5db;
  color: #9ca3af;
}
.body-param-hint__status--success {
  border-color: rgba(22, 163, 74, 0.25);
  color: #15803d;
  background: rgba(22, 163, 74, 0.08);
}
.body-param-hint__status--error {
  border-color: rgba(220, 38, 38, 0.22);
  color: #dc2626;
  background: rgba(220, 38, 38, 0.08);
}
.body-param-hint__example {
  margin-top: 6px;
  padding: 10px 12px 12px;
  border-top: 1px solid var(--line);
}
.body-param-hint__example strong {
  display: block;
  color: #30353a;
  font-size: 12px;
  font-weight: 600;
}
.body-param-hint__example span {
  display: block;
  margin-top: 5px;
  color: #606d78;
  font-size: 13px;
  line-height: 1.4;
}
.body-constraint-list {
  margin-top: 10px;
}
.body-object-bar,
.body-array-row,
.body-array-add {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 22px;
  margin-top: 6px;
  padding: 0 10px;
  border: 1px solid #d5dae1;
  border-radius: 12px;
  background: #f8fafc;
  color: #30353a;
  text-align: left;
}
.body-param-summary--stacked .body-object-bar,
.body-param-summary--stacked .body-array-list {
  margin-top: 10px;
}
.body-object-bar span:first-child,
.body-array-toggle span,
.body-array-add span:first-child {
  color: #30353a;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.body-object-bar__icon,
.body-array-add__icon {
  color: #30353a;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}
.body-object-bar--static,
.body-array-row--static,
.body-array-toggle:disabled,
.body-array-action:disabled,
.body-object-bar:disabled {
  cursor: default;
  opacity: 1;
}
.body-object-bar:disabled,
.body-array-toggle:disabled,
.body-array-action:disabled {
  color: inherit;
}
.body-object-panel {
  margin-top: 0;
  border: 1px solid #d9dde3;
  border-top: 0;
  border-radius: 0 0 14px 14px;
  background: #f8fafc;
  overflow: visible;
  position: relative;
  z-index: 1;
}
.body-object-panel:has(.body-param-card--active) {
  z-index: 50;
}
.body-object-panel--array {
  margin-top: 0;
  border-top: 0;
}
.body-object-panel > .body-param-card {
  padding: 10px 14px 8px;
  background: transparent;
}
.body-array-list {
  margin-top: 8px;
}
.body-array-item + .body-array-item {
  margin-top: 8px;
}
.body-array-row {
  margin-top: 0;
  gap: 8px;
}
.body-array-toggle {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  min-height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
}
.body-array-actions {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}
.body-array-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: 0;
  background: transparent;
  color: #30353a;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  padding: 0;
}
.body-array-action--delete {
  color: #ef4444;
}
.body-array-action--delete svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.body-object-empty {
  margin: 0;
  padding: 16px;
  color: #6b7280;
  font-size: 14px;
  line-height: 1.5;
}
.body-object-panel .field-options {
  margin-top: 10px;
}
/* ================================================================
   RESPONSES SECTION — matching APIResponseSchemaPicker / Accordion
   ================================================================ */
.responses { padding-bottom: 8px; }
.response-row {
  border: 1px solid #e3e7eb;
  border-bottom: 0;
  background: #fff;
}
.response-row:first-of-type {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  overflow: hidden;
}
.response-row:last-of-type {
  border-bottom: 1px solid #e3e7eb;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  overflow: hidden;
}
.response-row.active { background: #fff; }
.response-summary {
  display: grid; width: 100%;
  grid-template-columns: 9px 62px minmax(0, 1fr) 16px;
  gap: 10px; align-items: center;
  padding: 12px 14px; border: 0; background: transparent;
  color: #30353a; text-align: left;
}
.response-summary span small {
  display: block;
  margin-top: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #30353a;
}
.response-summary strong {
  font-family: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
  font-size: 14px;
  font-weight: 700;
  color: #444e57;
}
.response-summary em { color: #606d78; font-style: normal; font-weight: 400; text-align: right; }
.status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ef626c;
  border: 1px solid #d94f5a;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
  flex-shrink: 0;
}
.status-dot.success { background: #22c55e; }
.status-dot.success {
  background: #22c55e;
  border-color: #16a34a;
}
.response-body-example {
  padding: 0 14px 16px 14px;
  border-top: 1px solid #e3e7eb;
  background: #fff;
}
.response-body-title {
  margin: 0;
  padding: 18px 0 12px;
  color: #4b5563;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.response-schema-card {
  border: 1px solid #d7dce3;
  border-radius: 16px;
  overflow: hidden;
  background: #f4f6f8;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}
.response-schema-object {
  padding: 14px 16px;
  border-bottom: 1px solid #e2e6ec;
  background: #ffffff;
  color: #66707c;
  font-size: 13px;
  font-weight: 500;
}
.response-schema-picker {
  padding: 12px 12px 0;
  background: #f4f6f8;
}
.response-schema-select {
  width: 100%;
  height: 30px;
  padding: 0 14px;
  border: 1px solid #d5dbe3;
  border-radius: 10px;
  background: #fff;
  color: #30353a;
  font-size: 14px;
  font-weight: 500;
  outline: 0;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #b8c1cc 50%),
    linear-gradient(135deg, #b8c1cc 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 3px),
    calc(100% - 11px) calc(50% - 3px);
  background-size: 7px 7px, 7px 7px;
  background-repeat: no-repeat;
}
.response-schema-select:focus {
  border-color: #bfc7d2;
  box-shadow: 0 0 0 2px rgba(220, 226, 233, 0.65);
}
.response-schema-fields {
  padding: 12px 12px 14px;
  display: block;
}
.response-schema-field {
  padding: 16px 16px 13px;
  border: 0;
  border-top: 1px solid #e3e7ee;
  border-radius: 0;
  background: #f4f6f8;
  box-shadow: none;
}
.response-schema-field--depth-1 {
  padding-left: 34px;
}
.response-schema-field--depth-2 {
  padding-left: 52px;
}
.response-schema-field--depth-3 {
  padding-left: 70px;
}
.response-schema-field--depth-1 .response-schema-field-head strong,
.response-schema-field--depth-2 .response-schema-field-head strong,
.response-schema-field--depth-3 .response-schema-field-head strong {
  font-size: 13px;
}
.response-schema-field:first-child {
  border-top: 1px solid #e3e7ee;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.response-schema-field:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.response-schema-field-head {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
}
.response-schema-field-head strong {
  font-size: 14px;
  font-weight: 700;
  color: #2f3945;
}
.response-schema-field-type,
.response-schema-field-required {
  font-size: 11px;
  font-weight: 500;
  color: #7d8896;
}
.response-schema-field-required {
  color: #dc2626;
}
.response-schema-field-value {
  display: inline-block;
  margin-top: 8px;
  padding: 2px 8px;
  border-radius: 5px;
  background: #e9edf3;
  color: #3f4955;
  font-family: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
  font-size: 11px;
  white-space: pre-wrap;
  word-break: break-word;
}
.response-schema-field-description {
  margin: 8px 0 0;
  color: #5d6875;
  font-size: 12px;
  line-height: 1.45;
}
.response-schema-data-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  width: 20px;
  height: 20px;
  border: 1px solid #c8d0db;
  border-radius: 5px;
  background: #fff;
  color: #5d6875;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.12s, color 0.12s, border-color 0.12s;
}
.response-schema-data-toggle:hover {
  background: #e9edf3;
  color: #2f3945;
  border-color: #a0aab5;
}
.response-schema-field--data .response-schema-field-head {
  align-items: center;
}
.response-schema-field--data-child {
  background: #f0f2f6;
}
.response-json-block {
  margin-top: 10px;
}
.response-json-toggle {
  margin-top: 0;
}
.response-json-toggle summary {
  color: var(--accent);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}
.response-json-toggle summary::-webkit-details-marker { display: none; }
.response-json-toggle pre {
  margin: 10px 0 0;
  padding: 12px;
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-md);
  background: var(--code-bg);
  color: var(--code-ink);
  font-size: 12px;
  overflow: auto;
  line-height: 1.6;
  white-space: pre-wrap;
  word-break: break-word;
}
.response-json-toggle pre {
  margin: 6px 0 0; padding: 10px;
  border: 1px solid var(--line-soft); border-radius: var(--radius-md);
  background: var(--surface-soft); color: var(--ink);
  font-size: 12px; overflow: auto; line-height: 1.5;
}
.doc-pagination {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid #e5e7eb;
}
.doc-pagination-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  min-height: 76px;
  padding: 16px 0;
  border: 0;
  background: transparent;
  color: #30353a;
  text-align: left;
  transition: opacity 0.15s ease;
}
.doc-pagination-card:hover:not(:disabled) {
  opacity: 0.7;
}
.doc-pagination-card:disabled {
  cursor: not-allowed;
}
.doc-pagination-card.disabled {
  border-color: #eceff1;
  background: #f8f9fa;
  color: #9aa0a6;
  box-shadow: none;
}
.doc-pagination-card-next {
  text-align: right;
}
.doc-pagination-copy {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: 4px;
}
.doc-pagination-copy small {
  color: #9aa0a6;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.doc-pagination-copy strong {
  color: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
}
.doc-pagination-card-next .doc-pagination-copy {
  align-items: flex-end;
}
.doc-pagination-arrow {
  color: inherit;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  flex-shrink: 0;
}
.title-row-doc {
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.title-row-doc .title-copy {
  flex: 1;
  min-width: 0;
}
.doc-reference-description {
  margin-top: 14px;
  max-width: 760px;
  min-width: 700px;
  color: #3f4a54;
  font-size: 16px;
  line-height: 1.7;
}
.sandbox-doc-section,
.sandbox-doc-body {
  max-width: 980px;
  min-width: 700px;
}
.sandbox-doc-section {
  margin-top: 18px;
}
.sandbox-doc-body {
  display: flex;
  flex-direction: column;
  gap: 34px;
  margin-top: 30px;
}
.guide-section {
  scroll-margin-top: 80px;
}
.guide-section__h1 {
  margin: 0 0 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e6ebf0;
  color: #30353a;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.24;
}
.guide-section__h2 {
  margin: 0 0 14px;
  color: #30353a;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}
.guide-section__h3 {
  margin: 0 0 12px;
  color: #30353a;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
}
.guide-section__body {
  display: flex;
  flex-direction: column;
  gap: 0;
}
/* ---- Doc page nav (prev / next arrows) ---- */
.guide-page-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 82px;
  margin-top: 44px;
  padding-top: 28px;
  border-top: 1px solid #e5e7eb;
}
.guide-page-nav__link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  max-width: min(46%, 420px);
  padding: 0;
  border: 0;
  background: transparent;
  color: #444e57;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
  text-align: left;
  transition: color 0.15s;
}
.guide-page-nav__link:hover {
  color: #30353a;
}
.guide-page-nav__link--next {
  justify-content: flex-end;
  margin-left: auto;
  text-align: right;
}
.guide-page-nav__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  color: #a3adb8;
}
.guide-page-nav__arrow svg {
  display: block;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.guide-page-nav__spacer {
  flex: 1 1 0;
}
@media (max-width: 900px) {
  .guide-page-nav {
    align-items: stretch;
    gap: 18px;
    min-height: auto;
    padding-top: 22px;
  }

  .guide-page-nav__link {
    max-width: none;
    font-size: 16px;
  }

  .guide-page-nav__link--next {
    margin-left: 0;
  }

  .guide-page-nav__spacer {
    display: none;
  }
}
.request-panel-doc {
  background: #fff;
}
.request-column-doc {
  padding: 46px 8px 32px 24px;
}
.request-meta-doc {
  position: sticky;
  top: 146px;
  gap: 14px;
  margin-left: auto;
  max-width: 236px;
  padding-left: 24px;
  border-left: 1px solid #e5e7eb;
}
.request-panel-doc .guides-steps__title {
  margin: 0 0 8px;
  color: #9ca3af;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.request-panel-doc .steps-nav {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
}
.request-panel-doc .step-item {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: #6b7280;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  text-align: left;
  transition: color 0.14s ease;
  box-shadow: none;
  border-radius: 0;
}
.request-panel-doc .step-item:hover {
  color: #111827;
  background: transparent;
}
.request-panel-doc .step-item.active {
  color: #2563eb;
  font-weight: 500;
  background: transparent;
}
.request-panel-doc .step-level-2,
.request-panel-doc .step-level-3 {
  padding-left: 14px;
  font-size: 13px;
}
/* ================================================================
   RIGHT PANEL — ReadMe.io rm-Playground
   ================================================================ */
.request-panel {
  display: flex; flex-direction: column; position: relative;
  align-self: stretch; min-height: 100%;
  background: #fff;
}
.request-column { position: relative; flex: 1 1 auto; min-height: 0; padding: 38px 0 54px 24px; }
.request-meta { display: grid; gap: 20px; }
.request-tools { position: sticky; top: 128px; max-height: calc(100vh - 144px); margin-top: 20px; overflow: hidden; }
.request-tools-scroll {
  display: grid; gap: 12px; height: 100%;
  max-height: calc(100vh - 144px); overflow-x: hidden; overflow-y: auto;
  padding-right: 6px; scrollbar-gutter: stable; scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,.15) transparent;
}
.request-tools-scroll::-webkit-scrollbar { width: 5px; }
.request-tools-scroll::-webkit-scrollbar-track { background: transparent; }
.request-tools-scroll::-webkit-scrollbar-thumb { background: rgba(0,0,0,.12); border-radius: 3px; }
.request-tools-scroll::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.22); }
.request-card {
  padding: 0;
}
.response-panel {
  border: 1px solid #e3e7eb;
  border-radius: 7px;
  background: var(--surface);
  box-shadow: none;
}
.panel-label-row { display: flex; align-items: center; justify-content: space-between; }
.panel-label-row h2 { margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.02em; color: #3f4a54; }
.panel-meta { color: var(--faint); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; }
/* ---- Language Tabs ---- */
.language-tabs { display: flex; align-items: flex-start; gap: 16px; padding: 0; position: relative; }
.language-tab {
  display: grid; min-width: 58px; justify-items: center; gap: 6px;
  padding: 9px 8px 8px; border: 1px solid transparent; border-radius: 7px;
  background: transparent; color: var(--muted);
  font-size: 14px; font-weight: 500; line-height: 1.2;
  transition: background 0.12s, border-color 0.12s, color 0.12s;
}
.language-tab:hover { background: var(--surface-soft); color: var(--ink); }
.language-tab.active { background: var(--surface); color: var(--ink); border-color: var(--line); box-shadow: none; }
.language-tab-icon { display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; }
/* More languages */
.language-more-wrap { position: relative; }
.language-more-button {
  display: inline-flex; min-width: 58px; height: 58px;
  flex-direction: column; align-items: center; justify-content: center; gap: 5px;
  padding: 7px 8px; border: 1px solid transparent; border-radius: 7px;
  background: transparent; color: var(--faint);
  transition: border-color 0.12s, background 0.12s, color 0.12s;
}
.language-more-dots { display: inline-flex; align-items: center; gap: 3px; }
.language-more-dots i { display: block; width: 4px; height: 4px; border-radius: 50%; background: currentColor; }
.language-more-button small { color: currentColor; font-size: 10px; font-weight: 600; }
.language-more-button.active { border-color: var(--line); background: var(--surface); color: var(--ink); }
.language-more-button:hover { background: var(--surface-soft); color: var(--ink); }
.language-more-menu {
  position: absolute; top: calc(100% + 4px); right: 0; z-index: 20;
  width: 240px; padding: 6px 0;
  border: 1px solid var(--line); border-radius: var(--radius-lg);
  background: var(--surface); box-shadow: var(--shadow-lg);
}
.language-more-option {
  display: flex; width: 100%; align-items: center; gap: 10px;
  padding: 7px 14px; border: 0; background: transparent;
  color: var(--ink); text-align: left; font-size: 14px; font-weight: 500;
}
.language-more-option:hover { background: var(--surface-soft); }
.language-more-option.active { background: var(--accent-soft); }
.language-more-icon { display: inline-flex; width: 20px; height: 20px; align-items: center; justify-content: center; }
.credential-input-wrap {
  position: relative;
}
.credential-input-wrap--error .credential-input {
  border-color: #2696ff;
  box-shadow: 0 0 0 3px rgba(38, 150, 255, 0.14);
}
/* ---- Credentials & URL Inputs ---- */
.credential-input, .url-select-row {
  display: grid; grid-template-columns: 92px minmax(0, 1fr) 34px;
  align-items: center; overflow: hidden;
  min-height: 40px;
  border: 1px solid #e3e7eb; border-radius: 5px;
  background: var(--surface);
}
.credential-input span {
  display: inline-flex; align-items: center; height: 100%;
  padding: 11px 10px; border-right: 1px solid #e3e7eb;
  background: var(--surface-soft); color: var(--muted);
  font-size: 12px; font-weight: 700; letter-spacing: 0;
}
.credential-input input {
  min-width: 0; border: 0; padding: 11px 10px;
  background: var(--surface); color: var(--ink);
  font-size: 14px; font-weight: 500; outline: 0;
}
.credential-input input::placeholder { color: var(--faint); }
.credential-input input.credential-masked {
  -webkit-text-security: disc;
  text-security: disc;
}
.credential-input input::-ms-reveal,
.credential-input input::-ms-clear {
  display: none;
}
.credential-lock {
  display: grid; height: 100%; place-items: center; min-width: 30px;
  border: 0; border-left: 1px solid #e3e7eb;
  background: transparent; color: var(--faint); padding: 0 3px;
  transition: color 0.12s;
}
.credential-lock:hover { color: var(--muted); }
.cred-eye { flex-shrink: 0; }
.credential-inline-error {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  z-index: 20;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  width: max-content;
  max-width: min(420px, calc(100vw - 32px));
  min-height: 48px;
  padding: 10px 18px;
  border: 1px solid #c9c9c9;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.18);
  color: #111827;
  font-size: 13px;
  font-weight: 400;
  transform: translateX(-50%);
  white-space: normal;
}
.credential-inline-error::before {
  content: '';
  position: absolute;
  top: -7px;
  left: 50%;
  width: 14px;
  height: 14px;
  border-top: 1px solid #c9c9c9;
  border-left: 1px solid #c9c9c9;
  background: #fff;
  transform: translateX(-50%) rotate(45deg);
}
.credential-inline-error__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background: #ef6c00;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
}
.credential-inline-error__message {
  flex: 1 1 220px;
  line-height: 1.4;
}
.credential-inline-error__actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.credential-inline-error__actions button {
  height: 28px;
  padding: 0 10px;
  border: 1px solid #4f46e5;
  border-radius: 6px;
  background: #4f46e5;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.12s, border-color 0.12s, color 0.12s;
}
.credential-inline-error__actions button:hover {
  background: #4338ca;
  border-color: #4338ca;
}
.credential-inline-error__actions button + button {
  background: #fff;
  color: #4f46e5;
}
.credential-inline-error__actions button + button:hover {
  background: #f5f3ff;
  border-color: #c7d2fe;
}
.credential-inline-error__close {
  position: absolute;
  top: 4px;
  right: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #6b7280;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
}
.credential-inline-error__close:hover {
  background: #f3f4f6;
  color: #111827;
}
/* Server / URL */
.server-select {
  display: inline-flex; align-items: center; justify-content: space-between;
  gap: 4px; height: 100%; border: 0; border-right: 1px solid #e3e7eb;
  padding: 11px 10px; background: var(--surface-soft);
  color: var(--muted); font-size: 12px; font-weight: 700;
}
.server-select small { color: var(--faint); font-size: 12px; }
.url-box { position: relative; }
.url-box code { display: block; padding: 11px 2px; color: #7d8894; font-size: 13px; word-break: break-word; }
.server-menu {
  position: absolute; top: calc(100% + 4px); left: 8px; z-index: 18;
  width: min(100%, 360px); padding: 8px;
  border: 1px solid var(--line); border-radius: var(--radius-lg);
  background: var(--surface); box-shadow: var(--shadow-lg);
}
.server-menu strong { display: block; margin-bottom: 4px; color: var(--muted); font-size: 12px; font-weight: 600; }
.server-option {
  display: grid; width: 100%; gap: 1px; padding: 7px 10px;
  border: 1px solid transparent; border-radius: var(--radius-sm);
  background: transparent; color: var(--ink); text-align: left;
}
.server-option:hover { background: var(--surface-soft); }
.server-option.active { border-color: var(--line); background: var(--surface-soft); }
.server-option span { font-size: 13px; font-weight: 500; }
.server-option small { color: var(--faint); font-size: 12px; font-weight: 400; }
/* ================================================================
   CODE PANEL — matching ReadMe.io light theme
   ================================================================ */
.code-panel {
  overflow: hidden;
  border: 1px solid var(--code-border);
  border-radius: 7px;
  background: var(--code-bg); color: var(--code-ink);
  box-shadow: none;
}
.code-head {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.08);
}
.code-head-left { position: relative; }
.code-library-trigger, .examples-button {
  display: inline-flex; align-items: center; gap: 3px;
  border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 6px;
  background: rgba(255, 255, 255, 0.06); color: #d6dee7;
  font-size: 12px; font-weight: 700; padding: 5px 10px;
  transition: background 0.12s;
}
.code-library-trigger:hover, .examples-button:hover { background: rgba(255, 255, 255, 0.1); }
.code-library-trigger small, .examples-button small { color: #a7b0bb; font-size: 10px; font-weight: 700; }
.code-library-menu {
  position: absolute; top: calc(100% + 4px); left: 0; z-index: 18;
  width: 260px; padding: 8px 0 0;
  border: 1px solid var(--line); border-radius: var(--radius-lg);
  background: var(--surface); box-shadow: var(--shadow-lg);
}
.code-library-menu strong { display: block; padding: 0 12px 6px; color: var(--muted); font-size: 12px; font-weight: 600; }
.code-library-option {
  display: flex; width: calc(100% - 14px); align-items: center; justify-content: space-between;
  margin: 0 7px 3px; padding: 7px 10px;
  border: 0; border-radius: var(--radius-sm); background: transparent;
  color: var(--ink); text-align: left;
}
.code-library-option:hover { background: var(--surface-soft); }
.code-library-option.active { background: var(--accent-soft); }
.code-library-option span { font-size: 13px; font-weight: 500; }
.code-library-option small { color: var(--accent); font-size: 11px; font-weight: 700; }
.code-panel .icon-button, .subtle-button {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: #d6dee7;
}
.glyph-button { min-width: 30px; font-family: var(--mono); font-size: 11px; font-weight: 700; }
/* Copy glyph */
.copy-glyph { position: relative; display: inline-block; width: 12px; height: 12px; }
.copy-glyph::before, .copy-glyph::after { content: ''; position: absolute; border: 1.5px solid currentColor; border-radius: 2px; background: transparent; }
.copy-glyph::before { width: 8px; height: 8px; top: 1px; left: 3px; }
.copy-glyph::after { width: 8px; height: 8px; top: 3px; left: 1px; }
/* Code lines */
.code-scroll {
  margin: 0;
  overflow-x: auto;
  overflow-y: visible;
  padding: 14px 0 12px;
  font-size: 13px;
  line-height: 1.58;
  scrollbar-color: rgba(255,255,255,.15) transparent;
  scrollbar-width: thin;
}
.code-scroll code, .code-scroll pre {
  background: transparent;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  border-radius: 0;
}
.code-scroll::-webkit-scrollbar { height: 6px; }
.code-scroll::-webkit-scrollbar-track { background: transparent; }
.code-scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,.15); border-radius: 3px; }
.code-scroll::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.25); }
.code-line { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 8px; padding: 0 12px; }
.line-no { color: var(--code-line-no); text-align: right; user-select: none; font-size: 12px; }
.line-text { color: var(--code-ink); white-space: pre; }
/* Syntax Tokens */
.token-plain    { color: var(--code-ink); }
.token-keyword  { color: var(--token-keyword); }
.token-string   { color: var(--token-string); }
.token-number   { color: var(--token-number); }
.token-property { color: var(--token-property); }
.token-operator { color: var(--token-operator); }
.token-function { color: var(--token-function); }
.token-type     { color: var(--token-type); }
.token-url      { color: var(--token-url); }
.token-command  { color: var(--token-command); }
.token-flag     { color: var(--token-flag); }
.token-comment  { color: var(--token-comment); }
/* ---- Try It Row ---- */
.try-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 12px 13px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.08);
}
.try-row-copy { display: inline-flex; align-items: center; gap: 6px; }
.code-copy-button { width: 32px; height: 32px; border-radius: 7px; }
.try-button {
  padding: 0 16px; height: 36px; border: 1px solid rgba(17, 138, 114, 0.3); border-radius: 7px;
  background: #183d68; color: #fff;
  font-size: 13px; font-weight: 700;
  transition: background 0.12s;
}
.try-button:hover:not(:disabled) { background: #244b7c; }
.preview-badge {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 20px; padding: 0 7px; border: 1px solid var(--accent);
  border-radius: 3px; background: var(--accent-soft); color: var(--accent);
  font-size: 10px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase;
}
.preview-badge.subtle { border-color: var(--line); background: var(--surface-soft); color: var(--muted); }
.try-placeholder-note { margin: 0; padding: 0 10px 8px; background: var(--surface); color: var(--faint); font-size: 11px; line-height: 1.5; }
/* ================================================================
   RESPONSE PANEL
   ================================================================ */
.response-panel { overflow: hidden; }
.response-head {
  display: flex; align-items: center;
  gap: 6px; padding: 10px 12px;
  border-bottom: 1px solid #e3e7eb;
  background: var(--surface); position: relative; overflow: visible;
}
.response-head-actions {
  display: flex; align-items: center; gap: 4px; flex-shrink: 0;
}
.response-head h2 { margin: 0; border-bottom: 0; padding-bottom: 0; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; }
.response-head h2 span { color: var(--muted); }
.response-panel pre {
  margin: 0; padding: 14px; overflow: auto;
  background: #fff; color: var(--ink);
  font-size: 13px; line-height: 1.65;
  white-space: pre-wrap; word-break: break-word;
}
.response-empty { padding: 18px 18px 20px; background: var(--surface); color: var(--muted); }
.response-empty p { margin: 0 0 5px; font-size: 14px; font-weight: 400; line-height: 1.45; }
.response-empty p:first-child { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.response-empty button { cursor: pointer; }
.response-empty strong { display: block; margin-top: 14px; color: var(--ink); font-size: 13px; font-weight: 700; }
.inline-try-button {
  display: inline-flex; padding: 1px 5px; border: 1px solid var(--line);
  border-radius: 3px; background: var(--surface);
  color: var(--accent); font-weight: 600; font-size: 12px;
}
.response-chip-list { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.response-chip {
  display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px;
  border: 1px solid var(--line); border-radius: 5px;
  background: var(--surface); color: var(--muted); font-size: 12px; font-weight: 500;
  cursor: pointer; transition: background 0.12s, border-color 0.12s;
}
.response-chip:hover { background: var(--surface-soft); border-color: var(--line); }
.response-status-trigger {
  display: inline-flex; align-items: center; gap: 5px; padding: 3px 8px;
  border: 1px solid var(--line); border-radius: var(--radius-sm);
  background: var(--surface); color: var(--muted); cursor: pointer;
  transition: background 0.12s;
}
.response-status-trigger:hover { background: var(--surface-soft); }
.response-status-trigger strong { font-family: var(--mono); font-size: 12px; font-weight: 600; }
.response-status-trigger small { color: var(--faint); font-size: 10px; font-weight: 700; }
.response-example { position: relative; }
.response-preview-callout { display: flex; align-items: flex-start; gap: 6px; padding: 8px 10px; border-bottom: 1px solid var(--line-soft); background: var(--accent-soft); }
.response-preview-callout p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.response-example pre { min-height: 150px; overflow: auto; background: var(--surface); }
.response-menu {
  position: absolute; top: 4px; left: 8px; z-index: 18;
  width: 260px; padding: 6px 0 0;
  border: 1px solid var(--line); border-radius: var(--radius-lg);
  background: var(--surface); box-shadow: var(--shadow-lg);
}
.response-menu strong { display: block; padding: 0 12px 6px; color: var(--muted); font-size: 12px; font-weight: 600; }
.response-menu-item {
  display: grid; width: 100%; grid-template-columns: 8px minmax(0, 1fr) auto;
  align-items: center; gap: 6px; padding: 7px 12px;
  border: 0; background: transparent; color: var(--ink); text-align: left; cursor: pointer;
}
.response-menu-item:hover, .response-menu-item.active { background: var(--surface-soft); }
.response-menu-item small { color: var(--accent); font-size: 11px; font-weight: 600; }
.response-clear-button {
  width: 100%; padding: 8px 12px; border: 0; border-top: 1px solid var(--line);
  background: var(--surface); color: var(--danger);
  font-size: 13px; font-weight: 500; text-align: left; cursor: pointer;
}
.response-clear-button:hover { background: #ffebe9; }
/* ================================================================
   GUIDE VIEW
   ================================================================ */
.guide-view {
  display: grid; grid-template-columns: 240px minmax(0, 900px);
  gap: 36px; min-height: calc(100vh - 56px);
  padding: 36px 32px; max-width: 1160px; margin: 0 auto;
}
.guide-sidebar { position: sticky; top: 90px; align-self: start; display: flex; flex-direction: column; gap: 6px; }
.jump-label { color: var(--faint); font-size: 11px; font-weight: 600; letter-spacing: 0.06em; margin-bottom: 2px; }
.guide-sidebar a { color: var(--muted); text-decoration: none; font-size: 14px; font-weight: 500; padding: 3px 0; transition: color 0.12s; }
.guide-sidebar a:hover { color: var(--accent); text-decoration: none; }
.guide-content { max-width: 820px; min-width: 0; }
.guide-content a { color: #1d4ed8 !important; text-decoration: underline !important; }
.guide-content a:hover { color: #1e40af !important; text-decoration: underline !important; }
.intro { color: var(--muted); font-size: 16px; line-height: 1.6; }
.guide-card { padding: 18px 22px; border: 1px solid var(--line-soft); border-radius: var(--radius-md); background: var(--surface); }
.guide-card h2 { margin-top: 0; }
/* ================================================================
   RESPONSIVE BREAKPOINTS
   ================================================================ */
@media (max-width: 1380px) {
  :root {
    --api-shell-pad: 36px;
    --api-sidebar-width: 280px;
    --api-playground-width: 460px;
    --api-doc-rail-width: 280px;
  }

  .reference-layout { grid-template-columns: var(--api-sidebar-width) minmax(0, 1fr) var(--api-playground-width); }
  .reference-layout.reference-layout--doc { grid-template-columns: var(--api-sidebar-width) minmax(0, 1fr) var(--api-doc-rail-width); }
  .content { padding: 24px 20px 60px 20px; }
  .request-column { padding: 18px 20px 40px 12px; }
  .sidebar { width: var(--api-sidebar-width); min-width: var(--api-sidebar-width); padding: 20px 20px 40px 0; }
}
@media (max-width: 1220px) {
  :root {
    --api-shell-pad: 24px;
    --api-sidebar-width: 260px;
  }

  .reference-layout { grid-template-columns: var(--api-sidebar-width) minmax(0, 1fr); }
  .reference-layout.reference-layout--doc { grid-template-columns: var(--api-sidebar-width) minmax(0, 1fr); }
  .sidebar { width: var(--api-sidebar-width); min-width: var(--api-sidebar-width); padding: 20px 18px 40px 0; }
  .request-panel { grid-column: 1 / -1; min-height: auto; border-left: 0; border-top: 1px solid var(--line-soft); }
  .request-column { flex: none; min-height: auto; }
  .request-tools { position: static; margin-top: 12px; max-height: none; overflow: visible; }
  .request-tools-scroll { max-height: none; overflow: visible; padding-right: 0; }
}
@media (max-width: 1220px) {
  .developer-home__debug-bg {
    width: 100%;
    background-position: center;
  }

  .developer-home__debug-content {
    padding: 0 24px;
  }
}
@media (max-width: 860px) {
  .portal-header {
    height: auto;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px 10px;
    padding: 16px 20px 18px;
  }

  .portal-header__brand {
    grid-column: 1 / -1;
  }

  .portal-nav-beam-wrap {
    justify-self: start;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }

  .portal-nav-beam-wrap::-webkit-scrollbar {
    display: none;
  }

  .portal-header__nav,
  .portal-header__actions {
    justify-self: auto;
    width: auto;
    justify-content: center;
    flex-wrap: nowrap;
  }

  .portal-header__nav {
    gap: 2px;
    padding: 5px;
  }

  .portal-nav__button {
    min-width: 0;
    height: 40px;
    padding: 0 14px;
    gap: 7px;
    font-size: 14px;
    line-height: 40px;
  }

  .portal-nav__button::after {
    left: 18px;
    right: 18px;
    bottom: 5px;
  }

  .portal-header__actions {
    gap: 8px;
  }

  .portal-language,
  .portal-user__logout,
  .portal-user__button,
  .portal-login {
    height: 40px;
  }

  .portal-language,
  .portal-user__logout {
    padding: 0 14px;
  }

  .portal-user__button,
  .portal-login {
    padding: 0 12px;
  }

  .portal-user__avatar {
    width: 28px;
    height: 28px;
  }

  .portal-user__button span {
    max-width: 110px;
  }

  .portal-search {
    width: min(100%, 320px);
  }

  .portal-nav-menu {
    width: min(calc(100vw - 24px), 258px);
    padding: 8px;
    border-radius: 18px;
  }

  .portal-nav-menu__item {
    min-height: 46px;
    gap: 12px;
    padding: 10px 14px;
  }

  .portal-nav-menu__item span {
    font-size: 15px;
    line-height: 1.3;
  }

  .site-main {
    padding-top: 164px;
  }

  .site-main-developer {
    padding-top: 0;
  }

  .site-main-guides {
    padding-top: 0;
  }

  .site-main-auth {
    min-height: calc(100vh - 164px);
  }

  .auth-page,
  .secret-page {
    flex-direction: column;
  }

  .auth-page__side,
  .secret-page__visual {
    min-height: 240px;
    flex-basis: auto;
  }

  .auth-page__main,
  .auth-page__main-register,
  .secret-page__content {
    padding: 24px 18px 32px;
  }

  .auth-card h1 {
    font-size: 32px;
  }

  .auth-register__bullets {
    font-size: 18px;
    gap: 24px;
  }

  .developer-home__hero {
    height: auto;
    flex-direction: column;
  }

  .developer-home__hero-copy,
  .developer-home__hero-visual,
  .developer-home__sandbox,
  .developer-home__documentation {
    width: 100%;
    display: block;
  }

  .developer-home__hero-copy,
  .developer-home__section,
  .developer-home__scene-grid,
  .developer-home__intro-grid,
  .developer-home__sandbox,
  .developer-home__documentation-left,
  .developer-home__documentation-right,
  .developer-home__advantages-grid {
    padding-left: 18px;
    padding-right: 18px;
  }

  .developer-home__hero-copy {
    padding-top: 176px;
    padding-bottom: 36px;
  }

  .developer-home__hero-visual {
    height: clamp(220px, 58vw, 320px);
    min-height: 0;
    aspect-ratio: auto;
    background-size: cover;
    background-position: center;
    background-color: #f5f8ff;
  }

  .developer-home__hero-copy p:first-child,
  .developer-home__hero-copy p:nth-child(2),
  .developer-home__hero-copy p:nth-child(3) {
    font-size: 42px;
    line-height: 1.15;
  }

  .developer-home__hero-copy p:nth-child(3) {
    margin-bottom: 24px;
  }

  .developer-home__sandbox-copy p,
  .developer-home__debug-content p,
  .developer-home__advantage-item span {
    font-size: 18px;
  }

  .developer-home__section-head {
    flex-direction: column;
    padding-right: 0;
    font-size: 22px;
    line-height: 1.55;
  }

  .developer-home__section-intro {
    padding-top: 72px;
  }

  .developer-home__cta-row {
    margin-left: 0;
  }

  .developer-home__explore {
    flex-direction: column;
    height: auto;
    margin-bottom: 80px;
    padding: 40px 18px 0;
  }

  .developer-home__explore-image {
    width: 100%;
    height: min(62vw, 320px);
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 18px;
  }

  .developer-home__explore-code {
    position: static;
    width: 100%;
    height: auto;
    margin-top: 24px;
    padding: 24px;
  }

  .developer-home__vertical-bar {
    display: none;
  }

  .developer-home__headline {
    margin-bottom: 56px;
    padding: 0 18px;
    font-size: 24px;
    line-height: 1.35;
    flex-wrap: wrap;
  }

  .developer-home__intro-grid,
  .developer-home__scene-grid,
  .developer-home__advantages-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .developer-home__scene-card-bg p,
  .developer-home__intro-card-content p,
  .developer-home__documentation-card-inner p {
    font-size: 20px;
  }

  .developer-home__sandbox {
    display: block;
    grid-template-columns: none;
    height: auto;
    margin-top: 56px;
    padding-top: 32px;
    padding-bottom: 48px;
  }

  .developer-home__sandbox-visual {
    display: flex;
    justify-content: center;
  }

  .developer-home__sandbox-visual img {
    width: 100%;
    max-width: 420px;
    max-height: min(88vw, 420px);
    height: auto;
    object-fit: contain;
  }

  .developer-home__sandbox-copy {
    margin-top: 28px;
  }

  .developer-home__advantages {
    margin-top: 56px;
    margin-bottom: 48px;
  }

  .developer-home__sandbox-copy h2,
  .developer-home__documentation-left h2,
  .developer-home__debug-content h2 {
    font-size: clamp(30px, 8vw, 42px);
    line-height: 1.12;
    margin-bottom: 24px;
  }

  .developer-home__advantages-title {
    padding-left: 0;
    margin-bottom: 36px;
  }

  .developer-home__advantages-title span {
    font-size: 34px;
  }

  .developer-home__banyuan-row,
  .developer-home__banyuan-row--left {
    margin: 48px 0 24px;
    padding: 0 18px;
    text-align: center;
  }

  .developer-home__documentation {
    height: auto;
  }

  .developer-home__documentation-left {
    padding-top: 56px;
  }

  .developer-home__documentation-left p {
    font-size: 20px;
  }

  .developer-home__documentation-right {
    grid-template-columns: 1fr;
    gap: 12px;
    padding-top: 24px;
    padding-bottom: 32px;
  }

  .developer-home__documentation-card {
    height: auto;
    padding: 8px 0;
    width: 100%;
  }

  .developer-home__documentation-card-inner {
    width: 100%;
  }

  .developer-home__debug {
    box-sizing: border-box;
    grid-template-columns: minmax(0, 1fr);
    height: auto;
    gap: 16px;
    padding: 24px 18px 0;
    overflow-x: hidden;
  }

  .developer-home__debug-bg {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: clamp(220px, 58vw, 300px);
    min-height: 0;
    aspect-ratio: auto;
    background-size: cover;
    background-position: 35% center;
    justify-self: center;
  }

  .developer-home__debug-content {
    box-sizing: border-box;
    grid-column: 1;
    min-width: 0;
    width: min(100%, 340px);
    max-width: calc(100vw - 48px);
    margin: 0 auto;
    padding: 24px 0 32px;
    text-align: center;
    justify-self: center;
    overflow: hidden;
  }

  .developer-home__debug-content h2 {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .developer-home__debug-content p {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    white-space: normal;
    text-align: center;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: auto;
  }

  .developer-home__api-suite {
    padding-top: 36px;
    margin-bottom: 72px;
    min-height: 0;
  }

  .developer-home__api-suite-bg {
    display: none;
  }

  .developer-home__api-suite-grid {
    position: static;
    display: block;
    padding: 0 18px;
  }

  .developer-home__api-code-wall {
    position: static;
    width: auto;
    height: 420px;
    margin: 24px 18px 0;
    padding: 24px;
  }

  .developer-home__api-code-block {
    font-size: 15px;
  }

  .developer-home__api-column {
    width: 100%;
    margin: 0 0 24px;
  }

  .developer-home__api-column:nth-child(2),
  .developer-home__api-column:nth-child(3) {
    margin-top: 0;
  }

  .developer-footer__inner {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .developer-footer {
    padding-top: 40px;
  }

  .topbar, .reference-layout, .guide-view { display: block; }
  .topbar { height: auto; padding: 12px; }
  .topbar--stacked { padding: 0; }
  .topbar-row { width: 100%; padding: 0; }
  .topbar-row--primary,
  .topbar-row--nav {
    height: auto;
    min-height: 48px;
    flex-wrap: wrap;
    gap: 10px;
  }
  .topnav, .top-actions, .topnav-actions { margin-top: 8px; }
  .topnav-actions { width: 100%; margin-left: 0; flex-wrap: wrap; }
  .top-actions { flex-wrap: wrap; }
  .search-box { min-width: 0; width: 100%; }
  .docs-brand-logo { width: 38px; height: 38px; }
  .docs-user { max-width: 100%; }
  .sidebar, .request-panel, .request-tools { position: static; height: auto; }
  .sidebar, .content, .request-column, .guide-view { padding: 16px 14px; }
  .content { padding-top: 22px; }
  .request-tools-scroll { max-height: none; overflow: visible; padding-right: 0; }
  .title-head { flex-wrap: wrap; }
  h1 { font-size: 1.6rem; }
  .param-leaf { grid-template-columns: 1fr; }
  .param-hint { position: static; width: 100%; margin-top: 6px; }
  .response-summary { grid-template-columns: 8px 75px minmax(0, 1fr) 16px; }
  .response-body-example { padding-left: 0; }
  .doc-pagination { grid-template-columns: 1fr; }
  .doc-pagination-card-next { text-align: left; }
  .doc-pagination-card-next .doc-pagination-copy { align-items: flex-start; }
  .code-head, .try-row, .response-head { flex-wrap: wrap; }
  .try-row { align-items: flex-start; gap: 8px; }
  .try-row-copy { flex-wrap: wrap; }
  .header-card { grid-template-columns: 1fr; }
  .header-control { justify-self: start; }
}
@media (max-width: 768px) {
  body { font-size: 14px; }
  .sidebar, .content, .request-column, .guide-view { padding-left: 1rem; padding-right: 1rem; }
  .reference-layout { display: block; }
  .content { max-width: 100%; padding: 18px 1rem 36px; }
  h1 { font-size: 1.5rem; }
  .description { font-size: 14px; }
  .guide-view { padding: 18px 1rem; }
  .guide-content { max-width: 100%; }

  /* Developer Home — 768px 以下补充修复 */
  .developer-home__section-intro {
    padding-top: 56px;
  }

  .developer-home__hero-copy p:nth-child(4) {
    font-size: 16px;
  }

  /* 按钮在 768px 以下改为全宽自适应 */
  .developer-home__cta-row button.visible,
  .developer-home__sandbox-button button.visible,
  .developer-home__documentation-button button.animation,
  .developer-home__debug-content button.visible {
    width: min(100%, 280px);
    max-width: none;
    animation: developer-button-in-mobile 1s ease-in-out;
  }

  .developer-home__debug-content button.visible {
    display: block;
    width: min(100%, 220px);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
    animation: developer-debug-button-in-mobile 0.4s ease-out both;
  }

  /* documentation card 宽度自适应 */
  .developer-home__documentation-card {
    height: auto;
    padding: 0;
  }

  .developer-home__documentation-card-inner {
    width: 100% !important;
    height: 0;
  }

  .developer-home__documentation-card.visible .developer-home__documentation-card-inner {
    height: 280px;
    animation: developer-doc-card-in-mobile 1s ease-in-out;
  }

  /* intro card 高度自适应 */
  .developer-home__intro-card-content {
    height: auto;
    min-height: 220px;
    padding-bottom: 24px;
  }

  /* scene card 高度缩减 */
  .developer-home__scene-card-bg {
    height: clamp(320px, 70vw, 420px);
  }

  /* banyuan 图片大小缩减 */
  .developer-home__banyuan-row img {
    width: 72px;
    height: 72px;
    margin-right: 16px;
  }

  /* api-item 在移动端排版 */
  .developer-home__api-item {
    margin-bottom: 32px;
  }

  .developer-home__api-item-icon {
    width: 80px;
    height: 80px;
    padding: 10px;
    flex-shrink: 0;
  }

  .developer-home__api-item-text {
    width: calc(100% - 80px);
    font-size: 15px;
  }
}
@keyframes developer-button-in-mobile {
  from {
    width: 0;
    opacity: 0;
  }
  to {
    width: 100%;
    max-width: 311px;
    opacity: 1;
  }
}
@keyframes developer-debug-button-in-mobile {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes developer-doc-card-in-mobile {
  from {
    opacity: 0;
    height: 0;
  }
  to {
    opacity: 1;
    height: 280px;
  }
}
/* Developer Home — 480px 以下超小屏适配 */
@media (max-width: 480px) {
  /* Header: 极小屏下 nav 按钮文字隐藏，只保留图标 */
  .portal-nav__button {
    padding: 0 10px;
    gap: 5px;
    font-size: 13px;
  }

  .portal-header__actions {
    gap: 6px;
  }

  .portal-user__button span,
  .portal-login span {
    display: none;
  }

  .portal-user__button,
  .portal-login {
    padding: 0 10px;
  }

  /* Hero 文字在超小屏进一步缩小 */
  .developer-home__hero-copy p:first-child,
  .developer-home__hero-copy p:nth-child(2) {
    font-size: 32px;
    line-height: 1.1;
  }

  .developer-home__hero-copy p:nth-child(3) {
    font-size: 32px;
    line-height: 1.1;
  }

  .developer-home__hero-copy p:nth-child(4) {
    font-size: 14px;
    line-height: 1.6;
  }

  .developer-home__hero-copy {
    padding-top: 160px;
    padding-bottom: 28px;
  }

  /* section-intro 在超小屏 */
  .developer-home__section-intro {
    padding-top: 40px;
  }

  .developer-home__section-head {
    font-size: 18px;
    line-height: 1.5;
  }

  /* headline 字体 */
  .developer-home__headline {
    font-size: 20px;
    margin-bottom: 40px;
  }

  .developer-home__headline img {
    width: 36px;
    height: 36px;
    margin-right: 12px;
  }

  /* intro card 内容字体 */
  .developer-home__intro-card-content p {
    font-size: 18px;
  }

  .developer-home__intro-card-content img {
    width: 80px;
    height: 80px;
  }

  /* scene card */
  .developer-home__scene-card-bg {
    height: clamp(280px, 80vw, 360px);
  }

  .developer-home__scene-card-bg img {
    width: 64px;
    height: 64px;
    margin: 0 0 16px 36px;
  }

  .developer-home__scene-card-bg p {
    font-size: 18px;
    margin: 0 20px 0 28px;
  }

  /* sandbox */
  .developer-home__sandbox-copy h2,
  .developer-home__documentation-left h2,
  .developer-home__debug-content h2 {
    font-size: 28px;
    line-height: 1.12;
  }

  .developer-home__sandbox-copy p,
  .developer-home__debug-content p {
    font-size: 14px;
    line-height: 1.55;
  }

  .developer-home__debug-content {
    width: min(100%, 300px);
    max-width: calc(100vw - 40px);
  }

  .developer-home__debug-content button.visible {
    width: min(100%, 190px);
  }

  /* advantages */
  .developer-home__advantages-title span {
    font-size: 26px;
  }

  .developer-home__advantages-title img {
    width: 52px;
    height: 52px;
  }

  .developer-home__advantage-item span {
    font-size: 15px;
  }

  .developer-home__advantage-item img {
    width: 30px;
    height: 30px;
    margin-top: 6px;
  }

  /* banyuan-row 超小屏 */
  .developer-home__banyuan-row img {
    width: 56px;
    height: 56px;
    margin-right: 12px;
  }

  /* documentation */
  .developer-home__documentation-left p {
    font-size: 16px;
  }

  .developer-home__documentation-card.visible .developer-home__documentation-card-inner {
    height: 240px;
    animation: developer-doc-card-in-xs 1s ease-in-out;
  }

  .developer-home__documentation-card-inner img {
    width: 60px;
    height: 60px;
    margin: 22% 0 24px 35%;
  }

  .developer-home__documentation-card-inner p {
    font-size: 17px;
  }

  /* api-item 超小屏 */
  .developer-home__api-item-icon {
    width: 64px;
    height: 64px;
    padding: 8px;
  }

  .developer-home__api-item-text {
    width: calc(100% - 64px);
    font-size: 14px;
  }

  /* 按钮全宽（超小屏） */
  .developer-home__cta-row button.visible,
  .developer-home__sandbox-button button.visible,
  .developer-home__documentation-button button.animation,
  .developer-home__debug-content button.visible {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    height: 48px;
    line-height: 48px;
  }
}
@keyframes developer-doc-card-in-xs {
  from {
    opacity: 0;
    height: 0;
  }
  to {
    opacity: 1;
    height: 240px;
  }
}
/* ================================================================
   TRY IT STATES
   ================================================================ */
.try-button:disabled { opacity: 0.65; cursor: wait; }
.try-spinner {
  display: inline-block; width: 13px; height: 13px;
  border: 2px solid rgba(255, 255, 255, 0.35); border-top-color: #fff;
  border-radius: 50%; animation: try-spin 0.6s linear infinite;
  vertical-align: middle; margin-right: 5px;
}
@keyframes try-spin { to { transform: rotate(360deg); } }
.try-error-note {
  margin: 6px 0 0; padding: 7px 9px; border-radius: var(--radius-sm);
  background: #ffebe9; color: var(--danger);
  font-size: 12px; line-height: 1.45;
}
.response-live-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
  overflow: visible;
  flex: 1 1 auto;
  min-width: 0;
}
.response-live-status {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: visible;
  flex: 1 1 auto;
  min-width: 0;
}
.response-http-status {
  color: #111827;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
.response-biz-code {
  display: inline-flex;
  align-items: center;
  padding: 0 4px;
  border-radius: 4px;
  background: transparent;
  color: #6b7280;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}
.response-live-label {
  margin-left: auto;
  padding: 2px 6px;
  border-radius: 4px;
  background: #dcfce7;
  color: #16a34a;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.response-biz-message {
  position: relative;
  margin: 0 0 0 4px;
  padding: 0;
  border-left: none;
  background: transparent;
  color: #6b7280;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  max-width: 180px;
  flex-shrink: 1;
  min-width: 0;
}
.response-biz-message__text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.response-biz-message__tooltip {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  padding: 6px 12px;
  color: #1f2937;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  white-space: nowrap;
  z-index: 100;
  pointer-events: none;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.response-biz-message:hover .response-biz-message__tooltip {
  display: block;
}
.clear-response-button svg {
  width: 16px;
  height: 16px;
  stroke-width: 2;
}
.response-loading { padding: 22px 16px; text-align: center; background: var(--surface); }
.response-loading p { margin: 0 0 12px; color: var(--muted); font-size: 13px; }
.loading-bar { width: 100%; height: 3px; border-radius: 3px; background: var(--line-soft); overflow: hidden; }
.loading-bar::after { content: ''; display: block; width: 40%; height: 100%; border-radius: 3px; background: var(--accent); animation: load-slide 1.2s ease-in-out infinite; }
@keyframes load-slide { 0% { transform: translateX(-100%); } 100% { transform: translateX(350%); } }
/* ================================================================
   COOKIE BANNER
   ================================================================ */
.cookie-banner {
  position: fixed;
  inset: auto 0 0;
  z-index: 9000;
  padding: 0 20px 20px;
  pointer-events: none;
}
.cookie-banner__inner {
  display: flex;
  align-items: center;
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 18px 22px;
  border-radius: 16px;
  background: #fff;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid var(--line);
  box-shadow:
    0 -2px 16px rgba(15, 23, 42, 0.06),
    0 8px 32px rgba(15, 23, 42, 0.1);
  pointer-events: auto;
}
.cookie-banner__icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--accent-soft);
  color: var(--portal-accent);
}
.cookie-banner__icon svg {
  width: 22px;
  height: 22px;
  display: block;
}
.cookie-banner__copy {
  flex: 1 1 auto;
  min-width: 0;
}
.cookie-banner__title {
  margin: 0 0 4px;
  color: var(--ink);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
.cookie-banner__desc {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}
.cookie-banner__desc strong {
  color: var(--ink);
  font-weight: 600;
}
.cookie-banner__link {
  color: #2563eb;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cookie-banner__link:hover {
  color: #1d4ed8;
}
.cookie-banner__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.cookie-banner__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  padding: 0 16px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease;
  cursor: pointer;
}
.cookie-banner__btn--outline {
  border: 1px solid var(--line);
  background: #fff;
  color: var(--ink);
}
.cookie-banner__btn--outline:hover {
  border-color: var(--portal-accent);
  color: var(--portal-accent);
  background: rgba(75, 61, 202, 0.04);
}
.cookie-banner__btn--primary {
  border: 1px solid transparent;
  background: var(--portal-accent);
  color: #fff;
}
.cookie-banner__btn--primary:hover {
  background: var(--portal-accent-hover);
}
/* Banner transition */
.cookie-banner-enter-active {
  transition: opacity 0.32s ease, transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.cookie-banner-leave-active {
  transition: opacity 0.24s ease, transform 0.24s ease;
}
.cookie-banner-enter-from {
  opacity: 0;
  transform: translateY(20px);
}
.cookie-banner-leave-to {
  opacity: 0;
  transform: translateY(12px);
}
/* ================================================================
   PRIVACY POLICY PAGE
   ================================================================ */
.pp-page {
  background: #fff;
  min-height: calc(100vh - 88px);
}
/* Hero */
.pp-hero {
  padding: 80px 80px 72px;
  background: linear-gradient(152deg, #eff8ff 0%, #ffffff 34%, #f3f1ff 100%);
}
.pp-hero__inner {
  max-width: 700px;
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.pp-hero__inner.visible {
  opacity: 1;
  transform: translateY(0);
}
.pp-hero__eyebrow {
  margin: 0 0 16px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--portal-accent);
}
.pp-hero__title {
  margin: 0 0 20px;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--ink);
}
.pp-accent {
  color: var(--portal-accent);
}
.pp-hero__subtitle {
  margin: 0 0 24px;
  font-size: 18px;
  line-height: 1.65;
  color: #444e57;
  max-width: 560px;
}
.pp-hero__date {
  margin: 0;
  font-size: 13px;
  color: var(--muted);
}
/* Content grid */
.pp-content {
  padding: 56px 80px 100px;
  display: grid;
  gap: 24px;
}
/* Card */
.pp-card {
  display: flex;
  gap: 32px;
  padding: 36px 40px;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: linear-gradient(90deg, #f9f8ff 0%, #ffffff 60%, #f5fbff 100%);
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.pp-card.visible {
  opacity: 1;
  transform: translateY(0);
}
.pp-card--contact {
  background: linear-gradient(135deg, #f3f1ff 0%, #ffffff 50%, #eff8ff 100%);
}
.pp-card__num {
  flex-shrink: 0;
  width: 40px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--portal-accent);
  padding-top: 4px;
  opacity: 0.6;
}
.pp-card__body {
  flex: 1;
  min-width: 0;
}
.pp-card__title {
  margin: 0 0 16px;
  font-size: 22px;
  font-weight: 700;
  color: var(--ink);
  line-height: 1.3;
}
.pp-card__body > p {
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.75;
  color: #444e57;
}
.pp-card__body > p:last-child {
  margin-bottom: 0;
}
.pp-card__body strong {
  color: var(--ink);
  font-weight: 600;
}
/* Custom list */
.pp-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
}
.pp-list li {
  padding: 14px 16px;
  border-radius: 10px;
  background: rgba(75, 61, 202, 0.04);
  border-left: 3px solid var(--portal-accent);
  font-size: 14.5px;
  line-height: 1.65;
  color: #444e57;
}
.pp-list__label {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--portal-accent);
  margin-bottom: 4px;
  letter-spacing: 0.02em;
}
/* Pill grid (section 03) */
.pp-pill-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
}
.pp-pill {
  padding: 8px 16px;
  border-radius: 100px;
  border: 1px solid rgba(75, 61, 202, 0.2);
  background: rgba(75, 61, 202, 0.05);
  font-size: 13.5px;
  font-weight: 500;
  color: var(--portal-accent);
  white-space: nowrap;
}
/* Cookie grid (section 04) */
.pp-cookie-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 20px;
}
.pp-cookie-grid--single {
  grid-template-columns: minmax(0, 320px);
}
.pp-cookie-card {
  padding: 20px;
  border-radius: 12px;
  border: 1px solid var(--line);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.pp-cookie-card--necessary { background: #f5fbff; }
.pp-cookie-card--analytics { background: #f9f8ff; }
.pp-cookie-card--marketing { background: #fff8f5; }
.pp-cookie-card__icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
}
.pp-cookie-card--necessary .pp-cookie-card__icon { background: #dbeeff; color: #2563eb; }
.pp-cookie-card--analytics .pp-cookie-card__icon { background: #ede9ff; color: var(--portal-accent); }
.pp-cookie-card--marketing .pp-cookie-card__icon { background: #fde8d8; color: #c2410c; }
.pp-cookie-card__icon svg {
  width: 18px;
  height: 18px;
}
.pp-cookie-card__name {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: var(--ink);
}
.pp-cookie-card__desc {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: var(--muted);
  flex: 1;
}
.pp-cookie-card__badge {
  display: inline-block;
  margin-top: 6px;
  padding: 2px 10px;
  border-radius: 100px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  align-self: flex-start;
}
.pp-cookie-card--necessary .pp-cookie-card__badge { background: #dbeeff; color: #1d4ed8; }
.pp-cookie-card--analytics .pp-cookie-card__badge,
.pp-cookie-card--marketing .pp-cookie-card__badge { background: #ede9ff; color: var(--portal-accent); }
/* Retention grid (section 06) */
.pp-retention-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 4px;
}
.pp-retention-item {
  padding: 20px;
  border-radius: 12px;
  background: rgba(75, 61, 202, 0.04);
  border: 1px solid rgba(75, 61, 202, 0.1);
  text-align: center;
}
.pp-retention-item__value {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 700;
  color: var(--portal-accent);
  line-height: 1.4;
}
.pp-retention-item__label {
  margin: 0;
  font-size: 12.5px;
  color: var(--muted);
  font-weight: 500;
}
/* Rights grid (section 07) */
.pp-rights-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 16px;
}
.pp-right-item {
  padding: 18px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: #fff;
}
.pp-right-item__icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(75, 61, 202, 0.08);
  color: var(--portal-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.pp-right-item__icon svg {
  width: 16px;
  height: 16px;
}
.pp-right-item__name {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 700;
  color: var(--ink);
}
.pp-right-item__desc {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--muted);
}
/* Contact box (section 11) */
.pp-contact-box {
  margin-top: 20px;
  padding: 24px;
  border-radius: 12px;
  background: rgba(75, 61, 202, 0.04);
  border: 1px solid rgba(75, 61, 202, 0.12);
  display: grid;
  gap: 20px;
}
.pp-contact-box__row {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.pp-contact-box__icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: var(--portal-accent);
  margin-top: 2px;
}
.pp-contact-box__label {
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
}
.pp-contact-box__value {
  margin: 0;
  font-size: 14.5px;
  color: var(--ink);
  line-height: 1.5;
  font-weight: 500;
  text-decoration: none;
}
a.pp-contact-box__value {
  color: var(--portal-accent);
}
a.pp-contact-box__value:hover {
  text-decoration: underline;
}
/* Responsive */
@media (max-width: 1024px) {
  .pp-cookie-grid,
  .pp-retention-grid,
  .pp-rights-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .pp-hero {
    padding: 56px 28px 52px;
  }

  .pp-hero__title {
    font-size: 38px;
  }

  .pp-content {
    padding: 40px 28px 72px;
  }

  .pp-card {
    flex-direction: column;
    gap: 16px;
    padding: 28px 24px;
  }

  .pp-card__num {
    width: auto;
  }

  .pp-cookie-grid,
  .pp-retention-grid,
  .pp-rights-grid {
    grid-template-columns: 1fr;
  }

  .pp-pill-grid {
    gap: 8px;
  }
}
@media (max-width: 480px) {
  .pp-hero {
    padding: 40px 20px 40px;
  }

  .pp-hero__title {
    font-size: 30px;
  }

  .pp-content {
    padding: 28px 16px 56px;
  }
}
/* ============================================================
   Contact Page — modern SaaS-style form
   ============================================================ */
.contact-page {
  min-height: 100vh;
  background: #f7f8fc;
}
/* Two-column grid */
.contact-page__main {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(460px, 1fr);
  min-height: calc(100vh - 88px);
}
/* ── Hero (left) ── */
.contact-page__hero {
  position: relative;
  overflow: hidden;
  min-height: 100%;
  padding: 72px 64px 72px 80px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
}
.contact-page__hero-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      rgba(6, 14, 32, 0.7) 0%,
      rgba(10, 19, 44, 0.5) 55%,
      rgba(4, 10, 28, 0.84) 100%
    );
}
.contact-page__hero-content {
  position: relative;
  z-index: 1;
  max-width: 560px;
  color: #fff;
}
.contact-page__eyebrow {
  margin: 0 0 16px;
  font-size: 13px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.68);
}
.contact-page__eyebrow--dark {
  display: inline-block;
  background: rgba(91, 86, 214, 0.1);
  color: #5b56d6;
  border-radius: 999px;
  padding: 5px 16px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 0 0 16px;
}
.contact-page__hero-content h1 {
  margin: 0;
  font-size: clamp(40px, 4vw, 56px);
  line-height: 1.08;
  font-weight: 800;
  color: #ffffff;
}
/* Benefits */
.contact-page__benefits {
  list-style: none;
  margin: 44px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.contact-page__benefits li {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.92);
}
.contact-page__benefit-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  min-width: 30px;
  background: rgba(126, 104, 255, 0.22);
  border-radius: 50%;
  color: #b8a8ff;
  flex-shrink: 0;
}
.contact-page__benefit-icon svg {
  width: 14px;
  height: 14px;
}
/* ── Form panel (right) ── */
.contact-page__form-panel {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 64px 56px 64px 64px;
  background: #ffffff;
}
/* Form card */
.contact-page__form-card {
  width: min(100%, 620px);
  padding: 44px 48px;
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 4px 32px rgba(79, 70, 229, 0.06), 0 1px 4px rgba(0, 0, 0, 0.04);
}
.contact-page__form-head {
  margin-bottom: 32px;
}
.contact-page__form-head h2 {
  margin: 0;
  color: #111827;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 700;
}
/* Two-column grid */
.contact-page__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 16px;
}
.contact-page__field {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
/* ── Modern bordered inputs ── */
.contact-page__field input,
.contact-page__field textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 13px 16px;
  border: 1.5px solid #dfe1e7;
  border-radius: 12px;
  background: #ffffff;
  color: #111827;
  font-size: 15px;
  line-height: 1.5;
  font-family: inherit;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.contact-page__field input::placeholder,
.contact-page__field textarea::placeholder {
  color: #abb0bd;
}
.contact-page__field input:focus,
.contact-page__field textarea:focus {
  outline: none;
  border-color: #6960e6;
  box-shadow: 0 0 0 4px rgba(105, 96, 230, 0.1);
}
.contact-page__field textarea {
  resize: vertical;
  min-height: 130px;
}
.contact-page__field--message {
  margin-top: 22px;
}
/* Error state */
.contact-page__field--error input,
.contact-page__field--error textarea {
  border-color: #ef4444;
  box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.08);
  background: #ffffff;
}
/* Error bubble — matching register password hint style */
.contact-page__bubble {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 12;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  max-width: min(100%, 360px);
  padding: 10px 14px;
  border: 1px solid #c9c9c9;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.18);
  color: #111827;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}
.contact-page__bubble::before {
  content: '';
  position: absolute;
  top: -7px;
  left: 18px;
  width: 14px;
  height: 14px;
  border-top: 1px solid #c9c9c9;
  border-left: 1px solid #c9c9c9;
  background: #fff;
  transform: rotate(45deg);
}
.contact-page__bubble-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  border-radius: 50%;
  background: #ef4444;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}
.contact-page__label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #4b5563;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.contact-page__required {
  color: #ef4444;
}
/* Privacy note */
.contact-page__privacy {
  margin: 24px 0 0;
  color: #6b7280;
  font-size: 13px;
  line-height: 1.7;
}
.contact-page__privacy-link {
  color: #5b56d6;
  text-decoration: none;
  font-weight: 600;
}
.contact-page__privacy-link:hover {
  text-decoration: underline;
}
/* Submit state messages */
.contact-page__submit-state {
  margin: 18px 0 0;
  font-size: 13px;
  line-height: 1.5;
}
.contact-page__submit-state--error {
  color: #dc2626;
}
.contact-page__submit-state--success {
  color: #15803d;
}
/* Success toast */
.contact-page__toast {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-top: 24px;
  padding: 18px 22px;
  border-radius: 14px;
  background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf6 100%);
  border: 1.5px solid #86efac;
}
.contact-page__toast-icon {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #22c55e;
  color: #fff;
}
.contact-page__toast-icon svg {
  width: 22px;
  height: 22px;
}
.contact-page__toast-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.contact-page__toast-body strong {
  color: #166534;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}
.contact-page__toast-body span {
  color: #15803d;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
/* Submit button */
.contact-page__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  margin-top: 28px;
  padding: 15px 40px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #5343e8, #7064ff);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
  box-shadow: 0 8px 24px rgba(83, 67, 232, 0.3);
}
.contact-page__submit:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 12px 32px rgba(83, 67, 232, 0.4);
}
.contact-page__submit:disabled {
  opacity: 0.65;
  cursor: wait;
}
/* ── Tablet ── */
@media (max-width: 1024px) {
  .contact-page__main {
    grid-template-columns: 1fr;
  }

  .contact-page__hero {
    min-height: auto;
    padding: 56px 40px;
  }

  .contact-page__hero-content {
    max-width: 100%;
  }

  .contact-page__benefits {
    margin-top: 30px;
    gap: 20px;
  }

  .contact-page__form-panel {
    padding: 44px 36px 56px;
  }

  .contact-page__form-card {
    padding: 36px 32px;
  }
}
/* ── Mobile ── */
@media (max-width: 768px) {
  .contact-page__hero,
  .contact-page__form-panel {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-page__hero {
    padding-top: 40px;
    padding-bottom: 48px;
  }

  .contact-page__form-panel {
    padding-top: 28px;
    padding-bottom: 44px;
  }

  .contact-page__form-card {
    border-radius: 18px;
    padding: 24px 20px;
  }

  .contact-page__grid {
    grid-template-columns: 1fr;
  }

  .contact-page__hero-content h1 {
    font-size: 32px;
  }

  .contact-page__benefits {
    margin-top: 22px;
    gap: 16px;
  }

  .contact-page__benefits li {
    font-size: 16px;
  }

  .contact-page__form-head h2 {
    font-size: 22px;
  }

  .contact-page__submit {
    width: 100%;
    justify-content: center;
  }
}
@font-face{font-family:"devicon";src:url("/assets/devicon-TqfHp33-.eot?qd25fp");src:url("/assets/devicon-TqfHp33-.eot?qd25fp#iefix") format("embedded-opentype"),url("/assets/devicon-CirD-cQx.ttf?qd25fp") format("truetype"),url("/assets/devicon-BWlTeAUU.woff?qd25fp") format("woff"),url("/assets/devicon-Dg8iWy0i.svg?qd25fp#devicon") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^=devicon-],[class*=" devicon-"]{font-family:"devicon" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.devicon-teleport-line-wordmark:before{content:""}.devicon-teleport-line:before{content:""}.devicon-teleport-original-wordmark:before,.devicon-teleport-plain-wordmark:before{content:""}.devicon-teleport-original:before,.devicon-teleport-plain:before{content:""}.devicon-cosmosdb-plain-wordmark:before{content:""}.devicon-cosmosdb-plain:before{content:""}.devicon-forgejo-line-wordmark:before{content:""}.devicon-forgejo-line:before{content:""}.devicon-forgejo-plain-wordmark:before{content:""}.devicon-forgejo-plain:before{content:""}.devicon-remix-line-wordmark:before{content:""}.devicon-remix-line:before{content:""}.devicon-remix-original-wordmark:before,.devicon-remix-plain-wordmark:before{content:""}.devicon-remix-original:before,.devicon-remix-plain:before{content:""}.devicon-leetcode-line-wordmark:before{content:""}.devicon-leetcode-plain-wordmark:before{content:""}.devicon-leetcode-line:before{content:""}.devicon-leetcode-plain:before{content:""}.devicon-stenciljs-plain-wordmark:before{content:""}.devicon-stenciljs-plain:before{content:""}.devicon-glitch-plain:before{content:""}.devicon-nuxt-plain-wordmark:before{content:""}.devicon-nuxt-original:before,.devicon-nuxt-plain:before{content:""}.devicon-kalilinux-line-wordmark:before{content:""}.devicon-kalilinux-line:before{content:""}.devicon-kalilinux-plain-wordmark:before{content:""}.devicon-kalilinux-original:before,.devicon-kalilinux-plain:before{content:""}.devicon-waku-line:before{content:""}.devicon-waku-plain:before{content:""}.devicon-newrelic-line:before,.devicon-newrelic-line-wordmark:before{content:""}.devicon-newrelic-plain:before,.devicon-newrelic-plain-wordmark:before{content:""}.devicon-racket-line:before{content:""}.devicon-racket-plain:before{content:""}.devicon-bevyengine-line-wordmark:before{content:""}.devicon-bevyengine-line:before{content:""}.devicon-bevyengine-plain-wordmark:before{content:""}.devicon-bevyengine-plain:before{content:""}.devicon-cloudrun-line:before{content:""}.devicon-cloudrun-plain:before{content:""}.devicon-processing-line:before{content:""}.devicon-processing-plain:before,.devicon-processing-plain-wordmark:before{content:""}.devicon-vaadin-original:before,.devicon-vaadin-plain:before{content:""}.devicon-appwrite-plain-wordmark:before{content:""}.devicon-appwrite-original:before,.devicon-appwrite-plain:before{content:""}.devicon-discloud-plain-wordmark:before{content:""}.devicon-discloud-original:before,.devicon-discloud-plain:before{content:""}.devicon-netbeans-plain-wordmark:before{content:""}.devicon-netbeans-plain:before{content:""}.devicon-primeng-plain:before{content:""}.devicon-dynatrace-line-wordmark:before{content:""}.devicon-dynatrace-line:before{content:""}.devicon-dynatrace-plain-wordmark:before{content:""}.devicon-dynatrace-plain:before{content:""}.devicon-expo-line-wordmark:before{content:""}.devicon-expo-line:before{content:""}.devicon-expo-original-wordmark:before,.devicon-expo-plain-wordmark:before{content:""}.devicon-expo-original:before,.devicon-expo-plain:before{content:""}.devicon-sourceengine-plain-wordmark:before{content:""}.devicon-sourceengine-plain:before{content:""}.devicon-linuxmint-plain-wordmark:before{content:""}.devicon-linuxmint-plain:before{content:""}.devicon-sulu-line-wordmark:before{content:""}.devicon-sulu-line:before{content:""}.devicon-sulu-original-wordmark:before,.devicon-sulu-plain-wordmark:before{content:""}.devicon-sulu-original:before,.devicon-sulu-plain:before{content:""}.devicon-gardener-line:before{content:""}.devicon-gardener-plain:before{content:""}.devicon-datadog-original-wordmark:before,.devicon-datadog-plain-wordmark:before{content:""}.devicon-datadog-original:before,.devicon-datadog-plain:before{content:""}.devicon-vyper-original-wordmark:before,.devicon-vyper-plain-wordmark:before{content:""}.devicon-vyper-original:before,.devicon-vyper-plain:before{content:""}.devicon-web3js-plain:before{content:""}.devicon-laminas-line-wordmark:before{content:""}.devicon-laminas-line:before{content:""}.devicon-laminas-original-wordmark:before,.devicon-laminas-plain-wordmark:before{content:""}.devicon-laminas-original:before,.devicon-laminas-plain:before{content:""}.devicon-passport-original-wordmark:before,.devicon-passport-plain-wordmark:before{content:""}.devicon-passport-plain:before{content:""}.devicon-surrealdb-plain-wordmark:before{content:""}.devicon-surrealdb-plain:before{content:""}.devicon-angularjs-plain-wordmark:before{content:""}.devicon-angularjs-plain:before{content:""}.devicon-bash-plain:before{content:""}.devicon-llvm-line:before{content:""}.devicon-llvm-plain:before{content:""}.devicon-ngrx-plain:before{content:""}.devicon-memcached-line-wordmark:before{content:""}.devicon-memcached-line:before{content:""}.devicon-memcached-plain-wordmark:before{content:""}.devicon-memcached-plain:before{content:""}.devicon-reflex-plain-wordmark:before{content:""}.devicon-reflex-plain:before{content:""}.devicon-terramate-original-wordmark:before,.devicon-terramate-plain-wordmark:before{content:""}.devicon-terramate-original:before,.devicon-terramate-plain:before{content:""}.devicon-gitkraken-plain-wordmark:before{content:""}.devicon-gitkraken-original:before,.devicon-gitkraken-plain:before{content:""}.devicon-hoppscotch-plain:before{content:""}.devicon-reactnative-original-wordmark:before{content:""}.devicon-reactnative-original:before{content:""}.devicon-illustrator-line:before{content:""}.devicon-illustrator-plain:before{content:""}.devicon-firebird-plain:before{content:""}.devicon-gleam-plain:before{content:""}.devicon-githubactions-plain-wordmark:before{content:""}.devicon-githubactions-plain:before{content:""}.devicon-bazel-plain-wordmark:before{content:""}.devicon-bazel-plain:before{content:""}.devicon-laraveljetstream-plain-wordmark:before{content:""}.devicon-laraveljetstream-original:before,.devicon-laraveljetstream-plain:before{content:""}.devicon-cobol-original:before,.devicon-cobol-plain:before{content:""}.devicon-rexx-plain-wordmark:before{content:""}.devicon-rexx-plain:before{content:""}.devicon-clickhouse-plain:before{content:""}.devicon-love2d-line:before{content:""}.devicon-love2d-plain:before{content:""}.devicon-talos-plain:before{content:""}.devicon-mapbox-original:before,.devicon-mapbox-plain:before,.devicon-mapbox-original-wordmark:before,.devicon-mapbox-plain-wordmark:before{content:""}.devicon-nats-plain:before{content:""}.devicon-apex-original:before,.devicon-apex-plain:before{content:""}.devicon-proxmox-plain-wordmark:before{content:""}.devicon-proxmox-plain:before{content:""}.devicon-zustand-plain:before{content:""}.devicon-turbo-plain-wordmark:before{content:""}.devicon-turbo-original:before,.devicon-turbo-plain:before{content:""}.devicon-jhipster-plain-wordmark:before{content:""}.devicon-jhipster-plain:before{content:""}.devicon-duckdb-plain:before{content:""}.devicon-spicedb-line:before{content:""}.devicon-spicedb-plain:before{content:""}.devicon-harbor-line-wordmark:before{content:""}.devicon-harbor-line:before{content:""}.devicon-harbor-plain-wordmark:before{content:""}.devicon-harbor-plain:before{content:""}.devicon-hyperv-plain:before{content:""}.devicon-hyperv-original-wordmark:before,.devicon-hyperv-plain-wordmark:before{content:""}.devicon-npss-plain:before{content:""}.devicon-ansys-plain-wordmark:before{content:""}.devicon-ansys-plain:before{content:""}.devicon-inertiajs-plain-wordmark:before{content:""}.devicon-inertiajs-plain:before{content:""}.devicon-fusion-plain:before{content:""}.devicon-radstudio-plain:before{content:""}.devicon-mercurial-plain-wordmark:before{content:""}.devicon-mercurial-plain:before{content:""}.devicon-pug-line:before{content:""}.devicon-pug-plain:before{content:""}.devicon-entityframeworkcore-line:before{content:""}.devicon-entityframeworkcore-plain:before{content:""}.devicon-wolfram-plain-wordmark:before{content:""}.devicon-wolfram-plain:before{content:""}.devicon-cpanel-original-wordmark:before,.devicon-cpanel-plain-wordmark:before{content:""}.devicon-cpanel-original:before,.devicon-cpanel-plain:before{content:""}.devicon-nodejs-line-wordmark:before{content:""}.devicon-nodejs-line:before{content:""}.devicon-nodejs-plain-wordmark:before{content:""}.devicon-nodejs-plain:before{content:""}.devicon-qtest-original-wordmark:before,.devicon-qtest-plain-wordmark:before{content:""}.devicon-qtest-original:before,.devicon-qtest-plain:before{content:""}.devicon-aframe-plain:before{content:""}.devicon-aframe-original-wordmark:before,.devicon-aframe-plain-wordmark:before{content:""}.devicon-babylonjs-plain-wordmark:before{content:""}.devicon-babylonjs-plain:before{content:""}.devicon-delphi-plain:before{content:""}.devicon-netbox-line-wordmark:before{content:""}.devicon-netbox-line:before{content:""}.devicon-netbox-plain-wordmark:before{content:""}.devicon-netbox-plain:before{content:""}.devicon-dyalog-plain:before{content:""}.devicon-tmux-plain-wordmark:before{content:""}.devicon-tmux-plain:before{content:""}.devicon-c-line:before,.devicon-c-line-wordmark:before{content:""}.devicon-c-original:before,.devicon-c-original-wordmark:before,.devicon-c-plain:before,.devicon-c-plain-wordmark:before{content:""}.devicon-npm-plain:before{content:""}.devicon-npm-original-wordmark:before{content:""}.devicon-zsh-line-wordmark:before{content:""}.devicon-zsh-line:before{content:""}.devicon-zsh-plain-wordmark:before{content:""}.devicon-zsh-plain:before{content:""}.devicon-webgpu-line-wordmark:before{content:""}.devicon-webgpu-line:before{content:""}.devicon-webgpu-plain-wordmark:before{content:""}.devicon-webgpu-plain:before{content:""}.devicon-vulkan-line:before,.devicon-vulkan-line-wordmark:before{content:""}.devicon-vulkan-original:before,.devicon-vulkan-original-wordmark:before,.devicon-vulkan-plain:before,.devicon-vulkan-plain-wordmark:before{content:""}.devicon-vscodium-plain:before{content:""}.devicon-veevalidate-line:before{content:""}.devicon-veevalidate-original:before,.devicon-veevalidate-plain:before{content:""}.devicon-twilio-original-wordmark:before,.devicon-twilio-plain-wordmark:before{content:""}.devicon-twilio-original:before,.devicon-twilio-plain:before{content:""}.devicon-thymeleaf-plain-wordmark:before{content:""}.devicon-thymeleaf-plain:before{content:""}.devicon-svgo-line-wordmark:before{content:""}.devicon-svgo-line:before{content:""}.devicon-svgo-plain-wordmark:before{content:""}.devicon-svgo-plain:before{content:""}.devicon-styledcomponents-plain-wordmark:before{content:""}.devicon-styledcomponents-plain:before{content:""}.devicon-stackblitz-line-wordmark:before{content:""}.devicon-stackblitz-line:before{content:""}.devicon-stackblitz-plain-wordmark:before{content:""}.devicon-stackblitz-original:before,.devicon-stackblitz-plain:before{content:""}.devicon-processwire-plain-wordmark:before{content:""}.devicon-processwire-original:before,.devicon-processwire-plain:before{content:""}.devicon-pm2-line-wordmark:before{content:""}.devicon-pm2-line:before{content:""}.devicon-pm2-plain-wordmark:before{content:""}.devicon-pm2-plain:before{content:""}.devicon-pixijs-plain-wordmark:before{content:""}.devicon-pixijs-plain:before{content:""}.devicon-nodered-line:before{content:""}.devicon-nodered-plain:before{content:""}.devicon-ngrok-line:before,.devicon-ngrok-line-wordmark:before{content:""}.devicon-ngrok-original:before,.devicon-ngrok-original-wordmark:before,.devicon-ngrok-plain:before,.devicon-ngrok-plain-wordmark:before{content:""}.devicon-monogame-line-wordmark:before{content:""}.devicon-monogame-line:before{content:""}.devicon-monogame-original:before,.devicon-monogame-plain:before{content:""}.devicon-mattermost-original-wordmark:before,.devicon-mattermost-plain-wordmark:before{content:""}.devicon-mattermost-original:before,.devicon-mattermost-plain:before{content:""}.devicon-libgdx-line:before,.devicon-libgdx-line-wordmark:before{content:""}.devicon-libgdx-plain:before,.devicon-libgdx-plain-wordmark:before{content:""}.devicon-kubeflow-line-wordmark:before{content:""}.devicon-kubeflow-line:before{content:""}.devicon-kubeflow-plain-wordmark:before{content:""}.devicon-kubeflow-plain:before{content:""}.devicon-kaldi-line-wordmark:before{content:""}.devicon-kaldi-line:before{content:""}.devicon-kaldi-plain-wordmark:before{content:""}.devicon-kaldi-plain:before{content:""}.devicon-htmx-line-wordmark:before{content:""}.devicon-htmx-line:before{content:""}.devicon-htmx-plain-wordmark:before{content:""}.devicon-htmx-plain:before{content:""}.devicon-googlecolab-plain:before{content:""}.devicon-filamentphp-original:before,.devicon-filamentphp-original-wordmark:before,.devicon-filamentphp-plain:before,.devicon-filamentphp-plain-wordmark:before{content:""}.devicon-fiber-line:before,.devicon-fiber-line-wordmark:before{content:""}.devicon-fiber-plain:before,.devicon-fiber-plain-wordmark:before{content:""}.devicon-dovecot-line:before,.devicon-dovecot-line-wordmark:before{content:""}.devicon-dovecot-plain:before,.devicon-dovecot-line-wordmark:before{content:""}.devicon-detaspace-line-wordmark:before{content:""}.devicon-detaspace-line:before{content:""}.devicon-datatables-original:before,.devicon-datatables-plain:before,.devicon-datatables-line:before{content:""}.devicon-chartjs-plain-wordmark:before{content:""}.devicon-chartjs-plain:before{content:""}.devicon-chakraui-plain-wordmark:before{content:""}.devicon-chakraui-plain:before{content:""}.devicon-biome-line-wordmark:before{content:""}.devicon-biome-line:before{content:""}.devicon-biome-plain-wordmark:before{content:""}.devicon-biome-original:before,.devicon-biome-plain:before{content:""}.devicon-artixlinux-plain-wordmark:before{content:""}.devicon-artixlinux-plain:before{content:""}.devicon-apollographql-line-wordmark:before{content:""}.devicon-apollographql-line:before{content:""}.devicon-apollographql-original-wordmark:before,.devicon-apollographql-plain-wordmark:before{content:""}.devicon-apollographql-original:before,.devicon-apollographql-plain:before{content:""}.devicon-almalinux-plain-wordmark:before{content:""}.devicon-almalinux-plain:before{content:""}.devicon-aerospike-original-wordmark:before,.devicon-aerospike-plain-wordmark:before{content:""}.devicon-aerospike-original:before,.devicon-aerospike-plain:before{content:""}.devicon-aarch64-line:before,.devicon-aarch64-line-wordmark:before{content:""}.devicon-aarch64-plain:before,.devicon-aarch64-plain-wordmark:before{content:""}.devicon-adonisjs-original:before,.devicon-adonisjs-plain:before{content:""}.devicon-adonisjs-original-wordmark:before,.devicon-adonisjs-plain-wordmark:before{content:""}.devicon-aftereffects-plain:before{content:""}.devicon-akka-plain:before{content:""}.devicon-akka-plain-wordmark:before{content:""}.devicon-algolia-original:before{content:""}.devicon-algolia-original-wordmark:before{content:""}.devicon-alpinejs-original:before,.devicon-alpinejs-plain:before{content:""}.devicon-alpinejs-original-wordmark:before,.devicon-alpinejs-plain-wordmark:before{content:""}.devicon-amazonwebservices-line-wordmark:before,.devicon-amazonwebservices-line:before{content:""}.devicon-amazonwebservices-plain-wordmark:before,.devicon-amazonwebservices-plain:before{content:""}.devicon-anaconda-original:before,.devicon-anaconda-plain:before{content:""}.devicon-anaconda-original-wordmark:before,.devicon-anaconda-plain-wordmark:before{content:""}.devicon-android-plain:before{content:""}.devicon-android-plain-wordmark:before{content:""}.devicon-androidstudio-plain:before{content:""}.devicon-androidstudio-plain-wordmark:before{content:""}.devicon-angularmaterial-plain:before{content:""}.devicon-angular-plain-wordmark:before{content:""}.devicon-angular-plain:before{content:""}.devicon-ansible-plain:before{content:""}.devicon-ansible-plain-wordmark:before{content:""}.devicon-antdesign-plain:before{content:""}.devicon-antdesign-plain-wordmark:before{content:""}.devicon-apacheairflow-plain:before{content:""}.devicon-apacheairflow-plain-wordmark:before{content:""}.devicon-apachekafka-original:before,.devicon-apachekafka-plain:before{content:""}.devicon-apachekafka-original-wordmark:before,.devicon-apachekafka-plain-wordmark:before{content:""}.devicon-apache-line:before{content:""}.devicon-apache-line-wordmark:before{content:""}.devicon-apache-plain:before{content:""}.devicon-apache-plain-wordmark:before{content:""}.devicon-apachespark-original:before,.devicon-apachespark-plain:before{content:""}.devicon-apachespark-plain-wordmark:before{content:""}.devicon-apl-plain:before{content:""}.devicon-appcelerator-original:before,.devicon-appcelerator-plain:before{content:""}.devicon-appcelerator-plain-wordmark:before{content:""}.devicon-apple-original:before,.devicon-apple-plain:before{content:""}.devicon-archlinux-plain:before{content:""}.devicon-archlinux-plain-wordmark:before{content:""}.devicon-arduino-plain:before{content:""}.devicon-arduino-plain-wordmark:before{content:""}.devicon-argocd-plain:before{content:""}.devicon-argocd-plain-wordmark:before{content:""}.devicon-astro-plain:before{content:""}.devicon-astro-plain-wordmark:before{content:""}.devicon-atom-original:before,.devicon-atom-plain:before{content:""}.devicon-atom-original-wordmark:before,.devicon-atom-plain-wordmark:before{content:""}.devicon-awk-plain-wordmark:before{content:""}.devicon-axios-plain:before{content:""}.devicon-axios-plain-wordmark:before{content:""}.devicon-azuredevops-plain:before{content:""}.devicon-azure-plain:before{content:""}.devicon-azure-plain-wordmark:before{content:""}.devicon-azuresqldatabase-plain:before{content:""}.devicon-babel-plain:before,.devicon-babel-original:before{content:""}.devicon-backbonejs-plain:before{content:""}.devicon-backbonejs-plain-wordmark:before{content:""}.devicon-ballerina-line:before{content:""}.devicon-ballerina-line-wordmark:before{content:""}.devicon-ballerina-original:before,.devicon-ballerina-plain:before{content:""}.devicon-ballerina-original-wordmark:before,.devicon-ballerina-plain-wordmark:before{content:""}.devicon-bamboo-original:before,.devicon-bamboo-plain:before{content:""}.devicon-bamboo-original-wordmark:before,.devicon-bamboo-plain-wordmark:before{content:""}.devicon-beats-plain:before{content:""}.devicon-behance-plain:before{content:""}.devicon-behance-plain-wordmark:before{content:""}.devicon-bitbucket-original:before,.devicon-bitbucket-plain:before{content:""}.devicon-bitbucket-original-wordmark:before,.devicon-bitbucket-plain-wordmark:before{content:""}.devicon-blazor-line:before{content:""}.devicon-blazor-original:before,.devicon-blazor-plain:before{content:""}.devicon-blender-original:before{content:""}.devicon-blender-original-wordmark:before{content:""}.devicon-bootstrap-plain:before{content:""}.devicon-bootstrap-plain-wordmark:before{content:""}.devicon-bower-line:before{content:""}.devicon-bower-line-wordmark:before{content:""}.devicon-bower-plain:before{content:""}.devicon-bower-plain-wordmark:before{content:""}.devicon-browserstack-line:before{content:""}.devicon-browserstack-line-wordmark:before{content:""}.devicon-browserstack-plain:before{content:""}.devicon-browserstack-plain-wordmark:before{content:""}.devicon-bulma-plain:before{content:""}.devicon-bun-line:before{content:""}.devicon-bun-plain:before{content:""}.devicon-cairo-plain:before{content:""}.devicon-cairo-plain-wordmark:before{content:""}.devicon-cakephp-plain:before{content:""}.devicon-cakephp-plain-wordmark:before{content:""}.devicon-canva-original:before,.devicon-canva-plain:before{content:""}.devicon-capacitor-plain:before{content:""}.devicon-capacitor-plain-wordmark:before{content:""}.devicon-carbon-original:before,.devicon-carbon-plain:before{content:""}.devicon-cassandra-plain:before{content:""}.devicon-cassandra-plain-wordmark:before{content:""}.devicon-centos-plain:before{content:""}.devicon-centos-plain-wordmark:before{content:""}.devicon-ceylon-plain:before{content:""}.devicon-ceylon-plain-wordmark:before{content:""}.devicon-chrome-plain:before{content:""}.devicon-chrome-plain-wordmark:before{content:""}.devicon-circleci-plain:before{content:""}.devicon-circleci-plain-wordmark:before{content:""}.devicon-clarity-plain:before{content:""}.devicon-clarity-plain-wordmark:before{content:""}.devicon-clion-plain:before{content:""}.devicon-clion-plain-wordmark:before{content:""}.devicon-clojure-line:before,.devicon-clojure-plain:before{content:""}.devicon-clojurescript-plain:before{content:""}.devicon-cloudflare-plain:before{content:""}.devicon-cloudflare-plain-wordmark:before{content:""}.devicon-cloudflareworkers-plain:before{content:""}.devicon-cloudflareworkers-plain-wordmark:before{content:""}.devicon-cmake-plain:before{content:""}.devicon-cmake-plain-wordmark:before{content:""}.devicon-codeac-original:before{content:""}.devicon-codecov-plain:before{content:""}.devicon-codeigniter-plain:before{content:""}.devicon-codeigniter-plain-wordmark:before{content:""}.devicon-codepen-line:before{content:""}.devicon-codepen-line-wordmark:before{content:""}.devicon-codepen-original:before,.devicon-codepen-plain:before{content:""}.devicon-codepen-original-wordmark:before,.devicon-codepen-plain-wordmark:before{content:""}.devicon-coffeescript-original:before,.devicon-coffeescript-plain:before{content:""}.devicon-coffeescript-original-wordmark:before,.devicon-coffeescript-plain-wordmark:before{content:""}.devicon-composer-line:before,.devicon-composer-plain:before{content:""}.devicon-composer-line-wordmark:before,.devicon-composer-plain-wordmark:before{content:""}.devicon-confluence-line:before{content:""}.devicon-confluence-line-wordmark:before{content:""}.devicon-confluence-plain:before{content:""}.devicon-confluence-plain-wordmark:before{content:""}.devicon-consul-original:before,.devicon-consul-plain:before{content:""}.devicon-consul-plain-wordmark:before{content:""}.devicon-contao-original:before{content:""}.devicon-contao-original-wordmark:before{content:""}.devicon-corejs-original:before,.devicon-corejs-plain:before{content:""}.devicon-corejs-original-wordmark:before,.devicon-corejs-plain-wordmark:before{content:""}.devicon-couchbase-original:before,.devicon-couchbase-plain:before{content:""}.devicon-couchbase-plain-wordmark:before{content:""}.devicon-couchdb-plain:before{content:""}.devicon-couchdb-plain-wordmark:before{content:""}.devicon-cplusplus-line:before,.devicon-cplusplus-line-wordmark:before{content:""}.devicon-cplusplus-plain:before,.devicon-cplusplus-plain-wordmark:before{content:""}.devicon-crystal-line:before{content:""}.devicon-crystal-line-wordmark:before{content:""}.devicon-crystal-original:before,.devicon-crystal-plain:before{content:""}.devicon-crystal-original-wordmark:before,.devicon-crystal-plain-wordmark:before{content:""}.devicon-csharp-line:before,.devicon-csharp-line-wordmark:before{content:""}.devicon-csharp-plain:before,.devicon-csharp-plain-wordmark:before{content:""}.devicon-css3-plain:before{content:""}.devicon-css3-plain-wordmark:before{content:""}.devicon-cucumber-plain:before{content:""}.devicon-cucumber-plain-wordmark:before{content:""}.devicon-cypressio-line:before{content:""}.devicon-cypressio-line-wordmark:before{content:""}.devicon-cypressio-plain:before{content:""}.devicon-cypressio-plain-wordmark:before{content:""}.devicon-d3js-plain:before{content:""}.devicon-dart-plain:before{content:""}.devicon-dart-plain-wordmark:before{content:""}.devicon-datagrip-plain:before{content:""}.devicon-datagrip-plain-wordmark:before{content:""}.devicon-dataspell-plain:before{content:""}.devicon-dataspell-plain-wordmark:before{content:""}.devicon-dbeaver-plain:before{content:""}.devicon-debian-plain:before{content:""}.devicon-debian-plain-wordmark:before{content:""}.devicon-denojs-original:before,.devicon-denojs-plain:before{content:""}.devicon-denojs-original-wordmark:before,.devicon-denojs-plain-wordmark:before{content:""}.devicon-devicon-line:before{content:""}.devicon-devicon-line-wordmark:before{content:""}.devicon-devicon-plain:before{content:""}.devicon-devicon-plain-wordmark:before{content:""}.devicon-digitalocean-original:before,.devicon-digitalocean-plain:before{content:""}.devicon-digitalocean-original-wordmark:before,.devicon-digitalocean-plain-wordmark:before{content:""}.devicon-discordjs-plain:before{content:""}.devicon-discordjs-plain-wordmark:before{content:""}.devicon-django-plain:before{content:""}.devicon-django-plain-wordmark:before{content:""}.devicon-djangorest-line:before{content:""}.devicon-djangorest-line-wordmark:before{content:""}.devicon-djangorest-plain:before{content:""}.devicon-djangorest-plain-wordmark:before{content:""}.devicon-docker-plain:before{content:""}.devicon-docker-plain-wordmark:before{content:""}.devicon-doctrine-line:before{content:""}.devicon-doctrine-line-wordmark:before{content:""}.devicon-doctrine-plain:before{content:""}.devicon-doctrine-plain-wordmark:before{content:""}.devicon-dotnetcore-plain:before{content:""}.devicon-dot-net-plain:before{content:""}.devicon-dot-net-plain-wordmark:before{content:""}.devicon-dreamweaver-line:before{content:""}.devicon-dreamweaver-plain:before{content:""}.devicon-dropwizard-plain:before{content:""}.devicon-drupal-plain:before{content:""}.devicon-drupal-plain-wordmark:before{content:""}.devicon-dynamodb-plain:before{content:""}.devicon-eclipse-plain:before{content:""}.devicon-eclipse-plain-wordmark:before{content:""}.devicon-ecto-original:before,.devicon-ecto-plain:before{content:""}.devicon-ecto-plain-wordmark:before{content:""}.devicon-elasticsearch-plain:before{content:""}.devicon-elasticsearch-plain-wordmark:before{content:""}.devicon-electron-original:before{content:""}.devicon-electron-original-wordmark:before{content:""}.devicon-eleventy-plain:before{content:""}.devicon-elixir-plain:before{content:""}.devicon-elixir-plain-wordmark:before{content:""}.devicon-elm-plain:before{content:""}.devicon-elm-plain-wordmark:before{content:""}.devicon-emacs-original:before{content:""}.devicon-embeddedc-plain:before{content:""}.devicon-embeddedc-plain-wordmark:before{content:""}.devicon-ember-original-wordmark:before,.devicon-ember-plain-wordmark:before{content:""}.devicon-ember-plain:before{content:""}.devicon-envoy-plain:before{content:""}.devicon-envoy-plain-wordmark:before{content:""}.devicon-erlang-plain:before{content:""}.devicon-erlang-plain-wordmark:before{content:""}.devicon-eslint-line:before{content:""}.devicon-eslint-line-wordmark:before{content:""}.devicon-eslint-plain:before{content:""}.devicon-eslint-plain-wordmark:before{content:""}.devicon-express-original:before{content:""}.devicon-express-original-wordmark:before{content:""}.devicon-facebook-plain:before,.devicon-facebook-original:before{content:""}.devicon-fastapi-plain:before{content:""}.devicon-fastapi-plain-wordmark:before{content:""}.devicon-fastify-plain:before{content:""}.devicon-fastify-plain-wordmark:before{content:""}.devicon-faunadb-line:before{content:""}.devicon-faunadb-line-wordmark:before{content:""}.devicon-faunadb-original:before,.devicon-faunadb-plain:before{content:""}.devicon-faunadb-original-wordmark:before,.devicon-faunadb-plain-wordmark:before{content:""}.devicon-feathersjs-original:before{content:""}.devicon-fedora-plain:before{content:""}.devicon-figma-plain:before{content:""}.devicon-filezilla-line:before{content:""}.devicon-filezilla-line-wordmark:before{content:""}.devicon-filezilla-plain:before{content:""}.devicon-filezilla-plain-wordmark:before{content:""}.devicon-firebase-line:before{content:""}.devicon-firebase-line-wordmark:before{content:""}.devicon-firebase-plain:before{content:""}.devicon-firebase-plain-wordmark:before{content:""}.devicon-firefox-plain:before{content:""}.devicon-firefox-plain-wordmark:before{content:""}.devicon-flask-original:before,.devicon-flask-plain:before{content:""}.devicon-flask-original-wordmark:before,.devicon-flask-plain-wordmark:before{content:""}.devicon-flutter-plain:before{content:""}.devicon-fortran-original:before{content:""}.devicon-foundation-plain:before{content:""}.devicon-foundation-plain-wordmark:before{content:""}.devicon-framermotion-original:before,.devicon-framermotion-plain:before{content:""}.devicon-framermotion-original-wordmark:before,.devicon-framermotion-plain-wordmark:before{content:""}.devicon-framework7-original:before,.devicon-framework7-plain:before{content:""}.devicon-framework7-original-wordmark:before,.devicon-framework7-plain-wordmark:before{content:""}.devicon-fsharp-plain:before{content:""}.devicon-gatling-line:before{content:""}.devicon-gatling-line-wordmark:before{content:""}.devicon-gatling-original:before,.devicon-gatling-plain:before{content:""}.devicon-gatling-plain-wordmark:before{content:""}.devicon-gatsby-original:before,.devicon-gatsby-plain:before{content:""}.devicon-gatsby-plain-wordmark:before{content:""}.devicon-gazebo-plain:before{content:""}.devicon-gazebo-plain-wordmark:before{content:""}.devicon-gcc-line:before,.devicon-gcc-line-wordmark:before{content:""}.devicon-gcc-plain:before,.devicon-gcc-plain-wordmark:before{content:""}.devicon-gentoo-line:before{content:""}.devicon-gentoo-line-wordmark:before{content:""}.devicon-gentoo-plain:before{content:""}.devicon-gentoo-plain-wordmark:before{content:""}.devicon-ghost-original:before{content:""}.devicon-ghost-original-wordmark:before{content:""}.devicon-gimp-line:before{content:""}.devicon-gimp-line-wordmark:before{content:""}.devicon-gimp-plain:before{content:""}.devicon-gimp-plain-wordmark:before{content:""}.devicon-gitbook-line:before{content:""}.devicon-gitbook-line-wordmark:before{content:""}.devicon-gitbook-original:before,.devicon-gitbook-plain:before{content:""}.devicon-gitbook-original-wordmark:before,.devicon-gitbook-plain-wordmark:before{content:""}.devicon-githubcodespaces-plain:before{content:""}.devicon-github-original:before,.devicon-github-plain:before{content:""}.devicon-github-original-wordmark:before{content:""}.devicon-gitlab-plain:before{content:""}.devicon-gitlab-plain-wordmark:before{content:""}.devicon-git-plain:before{content:""}.devicon-git-plain-wordmark:before{content:""}.devicon-gitpod-plain:before{content:""}.devicon-gitpod-plain-wordmark:before{content:""}.devicon-gitter-plain:before{content:""}.devicon-gitter-plain-wordmark:before{content:""}.devicon-godot-plain:before{content:""}.devicon-godot-plain-wordmark:before{content:""}.devicon-goland-plain:before{content:""}.devicon-goland-plain-wordmark:before{content:""}.devicon-go-line:before{content:""}.devicon-googlecloud-plain:before{content:""}.devicon-googlecloud-plain-wordmark:before{content:""}.devicon-google-plain:before,.devicon-google-original:before{content:""}.devicon-google-plain-wordmark:before,.devicon-google-original-wordmark:before{content:""}.devicon-go-original-wordmark:before,.devicon-go-plain-wordmark:before{content:""}.devicon-go-plain:before{content:""}.devicon-gradle-original:before,.devicon-gradle-plain:before{content:""}.devicon-gradle-original-wordmark:before,.devicon-gradle-plain-wordmark:before{content:""}.devicon-grafana-line:before{content:""}.devicon-grafana-line-wordmark:before{content:""}.devicon-grafana-plain:before{content:""}.devicon-grafana-plain-wordmark:before{content:""}.devicon-grails-plain:before{content:""}.devicon-graphql-plain:before{content:""}.devicon-graphql-plain-wordmark:before{content:""}.devicon-groovy-plain:before{content:""}.devicon-grpc-plain:before{content:""}.devicon-grunt-line:before{content:""}.devicon-grunt-line-wordmark:before{content:""}.devicon-grunt-plain:before{content:""}.devicon-grunt-plain-wordmark:before{content:""}.devicon-gulp-plain:before{content:""}.devicon-hadoop-plain:before,.devicon-hadoop-line:before{content:""}.devicon-hadoop-plain-wordmark:before,.devicon-hadoop-line-wordmark:before{content:""}.devicon-handlebars-line:before{content:""}.devicon-handlebars-line-wordmark:before{content:""}.devicon-handlebars-original:before,.devicon-handlebars-plain:before{content:""}.devicon-handlebars-original-wordmark:before,.devicon-handlebars-plain-wordmark:before{content:""}.devicon-hardhat-plain:before{content:""}.devicon-hardhat-plain-wordmark:before{content:""}.devicon-harvester-original:before,.devicon-harvester-plain:before{content:""}.devicon-harvester-plain-wordmark:before{content:""}.devicon-haskell-plain:before{content:""}.devicon-haskell-plain-wordmark:before{content:""}.devicon-haxe-plain:before{content:""}.devicon-helm-line:before{content:""}.devicon-helm-original:before,.devicon-helm-plain:before{content:""}.devicon-heroku-original:before,.devicon-heroku-line:before{content:""}.devicon-heroku-original-wordmark:before,.devicon-heroku-line-wordmark:before{content:""}.devicon-heroku-plain:before{content:""}.devicon-heroku-plain-wordmark:before{content:""}.devicon-hibernate-plain:before{content:""}.devicon-hibernate-plain-wordmark:before{content:""}.devicon-homebrew-line:before{content:""}.devicon-homebrew-line-wordmark:before{content:""}.devicon-homebrew-plain:before{content:""}.devicon-homebrew-plain-wordmark:before{content:""}.devicon-html5-plain:before{content:""}.devicon-html5-plain-wordmark:before{content:""}.devicon-hugo-plain:before{content:""}.devicon-hugo-plain-wordmark:before{content:""}.devicon-ie10-original:before,.devicon-ie10-plain:before{content:""}.devicon-ifttt-original:before,.devicon-ifttt-plain:before{content:""}.devicon-influxdb-original:before,.devicon-influxdb-plain:before{content:""}.devicon-influxdb-original-wordmark:before,.devicon-influxdb-plain-wordmark:before{content:""}.devicon-inkscape-plain:before{content:""}.devicon-inkscape-plain-wordmark:before{content:""}.devicon-insomnia-plain:before{content:""}.devicon-insomnia-plain-wordmark:before{content:""}.devicon-intellij-plain:before{content:""}.devicon-intellij-plain-wordmark:before{content:""}.devicon-ionic-original:before{content:""}.devicon-ionic-original-wordmark:before{content:""}.devicon-jaegertracing-plain:before{content:""}.devicon-jaegertracing-plain-wordmark:before{content:""}.devicon-jamstack-original:before,.devicon-jamstack-plain:before{content:""}.devicon-jamstack-plain-wordmark:before{content:""}.devicon-jasmine-original:before,.devicon-jasmine-plain:before{content:""}.devicon-jasmine-original-wordmark:before,.devicon-jasmine-plain-wordmark:before{content:""}.devicon-java-plain:before{content:""}.devicon-java-plain-wordmark:before{content:""}.devicon-javascript-plain:before{content:""}.devicon-jeet-plain:before{content:""}.devicon-jeet-plain-wordmark:before{content:""}.devicon-jekyll-plain:before{content:""}.devicon-jekyll-plain-wordmark:before{content:""}.devicon-jenkins-line:before{content:""}.devicon-jenkins-plain:before{content:""}.devicon-jest-plain:before{content:""}.devicon-jetbrains-plain:before{content:""}.devicon-jetpackcompose-line:before{content:""}.devicon-jetpackcompose-line-wordmark:before{content:""}.devicon-jetpackcompose-plain:before{content:""}.devicon-jetpackcompose-plain-wordmark:before{content:""}.devicon-jiraalign-plain:before{content:""}.devicon-jiraalign-plain-wordmark:before{content:""}.devicon-jira-plain:before{content:""}.devicon-jira-plain-wordmark:before{content:""}.devicon-jquery-plain:before{content:""}.devicon-jquery-plain-wordmark:before{content:""}.devicon-json-plain:before{content:""}.devicon-jule-original:before,.devicon-jule-plain:before{content:""}.devicon-jule-original-wordmark:before,.devicon-jule-plain-wordmark:before{content:""}.devicon-julia-plain:before{content:""}.devicon-julia-plain-wordmark:before{content:""}.devicon-junit-line:before{content:""}.devicon-junit-line-wordmark:before{content:""}.devicon-junit-plain:before{content:""}.devicon-junit-plain-wordmark:before{content:""}.devicon-jupyter-plain:before{content:""}.devicon-jupyter-plain-wordmark:before{content:""}.devicon-k3os-line:before{content:""}.devicon-k3os-line-wordmark:before{content:""}.devicon-k3os-original:before,.devicon-k3os-plain:before{content:""}.devicon-k3os-plain-wordmark:before{content:""}.devicon-k3s-original:before,.devicon-k3s-plain:before{content:""}.devicon-k3s-plain-wordmark:before{content:""}.devicon-k6-original:before,.devicon-k6-plain:before{content:""}.devicon-kaggle-original:before,.devicon-kaggle-plain:before{content:""}.devicon-kaggle-original-wordmark:before,.devicon-kaggle-plain-wordmark:before{content:""}.devicon-karatelabs-plain:before{content:""}.devicon-karatelabs-plain-wordmark:before{content:""}.devicon-karma-plain:before{content:""}.devicon-kdeneon-plain:before{content:""}.devicon-keras-line:before{content:""}.devicon-keras-line-wordmark:before{content:""}.devicon-keras-plain:before{content:""}.devicon-keras-plain-wordmark:before{content:""}.devicon-kibana-plain:before{content:""}.devicon-kibana-plain-wordmark:before{content:""}.devicon-knexjs-original:before,.devicon-knexjs-plain:before{content:""}.devicon-knexjs-plain-wordmark:before{content:""}.devicon-knockout-plain-wordmark:before{content:""}.devicon-kotlin-plain:before{content:""}.devicon-kotlin-plain-wordmark:before{content:""}.devicon-krakenjs-plain:before{content:""}.devicon-krakenjs-plain-wordmark:before{content:""}.devicon-ktor-plain:before{content:""}.devicon-ktor-plain-wordmark:before{content:""}.devicon-kubernetes-line:before{content:""}.devicon-kubernetes-line-wordmark:before{content:""}.devicon-kubernetes-plain:before{content:""}.devicon-kubernetes-plain-wordmark:before{content:""}.devicon-labview-plain:before{content:""}.devicon-labview-plain-wordmark:before{content:""}.devicon-laravel-line:before{content:""}.devicon-laravel-line-wordmark:before{content:""}.devicon-laravel-original:before,.devicon-laravel-plain:before{content:""}.devicon-laravel-original-wordmark:before,.devicon-laravel-plain-wordmark:before{content:""}.devicon-latex-original:before,.devicon-latex-plain:before{content:""}.devicon-less-plain-wordmark:before{content:""}.devicon-linkedin-plain:before{content:""}.devicon-linkedin-plain-wordmark:before{content:""}.devicon-linux-plain:before{content:""}.devicon-liquibase-original:before,.devicon-liquibase-plain:before{content:""}.devicon-liquibase-original-wordmark:before,.devicon-liquibase-plain-wordmark:before{content:""}.devicon-livewire-plain:before{content:""}.devicon-livewire-plain-wordmark:before{content:""}.devicon-lodash-plain:before{content:""}.devicon-logstash-plain:before{content:""}.devicon-logstash-plain-wordmark:before{content:""}.devicon-lua-line:before,.devicon-lua-line-wordmark:before{content:""}.devicon-lua-plain:before,.devicon-lua-plain-wordmark:before{content:""}.devicon-lumen-original:before,.devicon-lumen-plain:before{content:""}.devicon-magento-line:before{content:""}.devicon-magento-line-wordmark:before{content:""}.devicon-magento-original:before,.devicon-magento-plain:before{content:""}.devicon-magento-plain-wordmark:before{content:""}.devicon-mariadb-original:before,.devicon-mariadb-plain:before{content:""}.devicon-mariadb-original-wordmark:before,.devicon-mariadb-plain-wordmark:before{content:""}.devicon-markdown-original:before,.devicon-markdown-plain:before{content:""}.devicon-materializecss-plain:before{content:""}.devicon-materialui-plain:before{content:""}.devicon-matlab-line:before{content:""}.devicon-matlab-plain:before{content:""}.devicon-matplotlib-plain:before{content:""}.devicon-matplotlib-plain-wordmark:before{content:""}.devicon-maven-plain:before{content:""}.devicon-maven-plain-wordmark:before{content:""}.devicon-maya-plain:before{content:""}.devicon-maya-plain-wordmark:before{content:""}.devicon-meteor-plain:before{content:""}.devicon-meteor-plain-wordmark:before{content:""}.devicon-microsoftsqlserver-line:before{content:""}.devicon-microsoftsqlserver-line-wordmark:before{content:""}.devicon-microsoftsqlserver-plain:before{content:""}.devicon-microsoftsqlserver-plain-wordmark:before{content:""}.devicon-minitab-plain:before{content:""}.devicon-mithril-line:before{content:""}.devicon-mithril-original:before,.devicon-mithril-plain:before{content:""}.devicon-mobx-plain:before{content:""}.devicon-mocha-plain:before{content:""}.devicon-modx-plain:before{content:""}.devicon-modx-plain-wordmark:before{content:""}.devicon-moleculer-original:before,.devicon-moleculer-plain:before{content:""}.devicon-moleculer-original-wordmark:before,.devicon-moleculer-plain-wordmark:before{content:""}.devicon-mongodb-plain:before{content:""}.devicon-mongodb-plain-wordmark:before{content:""}.devicon-mongoose-original:before{content:""}.devicon-mongoose-original-wordmark:before{content:""}.devicon-moodle-plain:before{content:""}.devicon-moodle-plain-wordmark:before{content:""}.devicon-msdos-line:before{content:""}.devicon-msdos-plain:before{content:""}.devicon-mysql-original:before,.devicon-mysql-plain:before{content:""}.devicon-mysql-plain-wordmark:before{content:""}.devicon-nano-plain:before{content:""}.devicon-nano-plain-wordmark:before{content:""}.devicon-neo4j-plain:before{content:""}.devicon-neo4j-plain-wordmark:before{content:""}.devicon-neovim-line:before{content:""}.devicon-neovim-line-wordmark:before{content:""}.devicon-neovim-plain:before{content:""}.devicon-neovim-plain-wordmark:before{content:""}.devicon-nestjs-line:before{content:""}.devicon-nestjs-line-wordmark:before{content:""}.devicon-nestjs-original:before,.devicon-nestjs-plain:before{content:""}.devicon-nestjs-original-wordmark:before,.devicon-nestjs-plain-wordmark:before{content:""}.devicon-netlify-plain:before{content:""}.devicon-netlify-plain-wordmark:before{content:""}.devicon-networkx-line:before{content:""}.devicon-networkx-line-wordmark:before{content:""}.devicon-networkx-plain:before{content:""}.devicon-networkx-plain-wordmark:before{content:""}.devicon-nextjs-line:before{content:""}.devicon-nextjs-line-wordmark:before{content:""}.devicon-nextjs-original-wordmark:before,.devicon-nextjs-plain-wordmark:before{content:""}.devicon-nextjs-plain:before{content:""}.devicon-nginx-original:before,.devicon-nginx-original-wordmark:before,.devicon-nginx-plain:before,.devicon-nginx-plain-wordmark:before{content:""}.devicon-nhibernate-line:before{content:""}.devicon-nhibernate-line-wordmark:before{content:""}.devicon-nhibernate-plain:before{content:""}.devicon-nhibernate-plain-wordmark:before{content:""}.devicon-nimble-plain:before{content:""}.devicon-nim-line:before{content:""}.devicon-nim-line-wordmark:before{content:""}.devicon-nim-plain:before{content:""}.devicon-nim-plain-wordmark:before{content:""}.devicon-nixos-plain:before{content:""}.devicon-nixos-plain-wordmark:before{content:""}.devicon-nodemon-line:before{content:""}.devicon-nodemon-plain:before{content:""}.devicon-nodewebkit-line:before{content:""}.devicon-nodewebkit-line-wordmark:before{content:""}.devicon-nodewebkit-plain:before{content:""}.devicon-nodewebkit-plain-wordmark:before{content:""}.devicon-nomad-original:before,.devicon-nomad-plain:before{content:""}.devicon-nomad-plain-wordmark:before{content:""}.devicon-norg-plain:before{content:""}.devicon-notion-line:before{content:""}.devicon-notion-plain:before{content:""}.devicon-nuget-original:before{content:""}.devicon-nuget-original-wordmark:before{content:""}.devicon-numpy-line:before{content:""}.devicon-numpy-line-wordmark:before{content:""}.devicon-numpy-plain:before{content:""}.devicon-numpy-plain-wordmark:before{content:""}.devicon-nuxtjs-plain:before{content:""}.devicon-nuxtjs-plain-wordmark:before{content:""}.devicon-oauth-plain:before,.devicon-oauth-plain-wordmark:before{content:""}.devicon-objectivec-plain:before{content:""}.devicon-ocaml-plain:before{content:""}.devicon-ocaml-plain-wordmark:before{content:""}.devicon-ohmyzsh-plain:before{content:""}.devicon-okta-plain:before{content:""}.devicon-okta-plain-wordmark:before{content:""}.devicon-openal-plain:before{content:""}.devicon-openapi-line:before{content:""}.devicon-openapi-line-wordmark:before{content:""}.devicon-openapi-plain:before{content:""}.devicon-openapi-plain-wordmark:before{content:""}.devicon-opencl-line:before,.devicon-opencl-line-wordmark:before{content:""}.devicon-opencl-plain:before,.devicon-opencl-plain-wordmark:before{content:""}.devicon-opencv-plain:before{content:""}.devicon-opencv-plain-wordmark:before{content:""}.devicon-opengl-plain:before{content:""}.devicon-openstack-original:before,.devicon-openstack-plain:before{content:""}.devicon-openstack-plain-wordmark:before{content:""}.devicon-opensuse-original:before,.devicon-opensuse-plain:before{content:""}.devicon-opensuse-original-wordmark:before,.devicon-opensuse-plain-wordmark:before{content:""}.devicon-opentelemetry-plain:before{content:""}.devicon-opentelemetry-plain-wordmark:before{content:""}.devicon-opera-plain:before{content:""}.devicon-opera-plain-wordmark:before{content:""}.devicon-oracle-original:before,.devicon-oracle-plain:before{content:""}.devicon-ory-original:before,.devicon-ory-plain:before{content:""}.devicon-ory-original-wordmark:before,.devicon-ory-plain-wordmark:before{content:""}.devicon-p5js-original:before,.devicon-p5js-plain:before,.devicon-p5js-original-wordmark:before,.devicon-p5js-plain-wordmark:before{content:""}.devicon-packer-line:before{content:""}.devicon-packer-line-wordmark:before{content:""}.devicon-packer-plain:before{content:""}.devicon-packer-plain-wordmark:before{content:""}.devicon-pandas-line:before{content:""}.devicon-pandas-line-wordmark:before{content:""}.devicon-pandas-plain:before{content:""}.devicon-pandas-plain-wordmark:before{content:""}.devicon-perl-plain:before{content:""}.devicon-pfsense-original:before,.devicon-pfsense-plain:before{content:""}.devicon-pfsense-original-wordmark:before,.devicon-pfsense-plain-wordmark:before{content:""}.devicon-phalcon-plain:before{content:""}.devicon-phoenix-original:before,.devicon-phoenix-plain:before{content:""}.devicon-phoenix-plain-wordmark:before{content:""}.devicon-photonengine-plain:before,.devicon-photonengine-plain-wordmark:before{content:""}.devicon-photoshop-line:before{content:""}.devicon-photoshop-plain:before{content:""}.devicon-php-plain:before{content:""}.devicon-phpstorm-plain:before{content:""}.devicon-phpstorm-plain-wordmark:before{content:""}.devicon-playwright-plain:before{content:""}.devicon-plotly-plain:before{content:""}.devicon-plotly-plain-wordmark:before{content:""}.devicon-pnpm-plain:before{content:""}.devicon-pnpm-plain-wordmark:before{content:""}.devicon-podman-plain:before{content:""}.devicon-podman-plain-wordmark:before{content:""}.devicon-poetry-plain:before{content:""}.devicon-polygon-plain:before{content:""}.devicon-polygon-plain-wordmark:before{content:""}.devicon-portainer-original:before,.devicon-portainer-plain:before{content:""}.devicon-portainer-original-wordmark:before,.devicon-portainer-plain-wordmark:before{content:""}.devicon-postcss-original:before,.devicon-postcss-plain:before{content:""}.devicon-postcss-plain-wordmark:before{content:""}.devicon-postgresql-plain:before{content:""}.devicon-postgresql-plain-wordmark:before{content:""}.devicon-postman-plain:before{content:""}.devicon-postman-plain-wordmark:before{content:""}.devicon-powershell-plain:before{content:""}.devicon-premierepro-plain:before{content:""}.devicon-prisma-original:before,.devicon-prisma-plain:before{content:""}.devicon-prisma-original-wordmark:before,.devicon-prisma-plain-wordmark:before{content:""}.devicon-prolog-plain:before{content:""}.devicon-prolog-plain-wordmark:before{content:""}.devicon-prometheus-line:before{content:""}.devicon-prometheus-line-wordmark:before{content:""}.devicon-prometheus-original:before,.devicon-prometheus-plain:before{content:""}.devicon-prometheus-plain-wordmark:before{content:""}.devicon-protractor-line:before{content:""}.devicon-protractor-line-wordmark:before{content:""}.devicon-protractor-plain:before{content:""}.devicon-protractor-plain-wordmark:before{content:""}.devicon-pulsar-original:before,.devicon-pulsar-plain:before{content:""}.devicon-pulsar-original-wordmark:before,.devicon-pulsar-plain-wordmark:before{content:""}.devicon-pulumi-plain:before{content:""}.devicon-pulumi-plain-wordmark:before{content:""}.devicon-puppeteer-plain:before,.devicon-puppeteer-plain-wordmark:before{content:""}.devicon-purescript-original:before{content:""}.devicon-purescript-original-wordmark:before{content:""}.devicon-putty-plain:before{content:""}.devicon-pycharm-plain:before{content:""}.devicon-pycharm-plain-wordmark:before{content:""}.devicon-pypi-plain:before{content:""}.devicon-pypi-plain-wordmark:before{content:""}.devicon-pyscript-plain-wordmark:before{content:""}.devicon-pytest-plain:before{content:""}.devicon-pytest-plain-wordmark:before{content:""}.devicon-python-plain:before{content:""}.devicon-python-plain-wordmark:before{content:""}.devicon-pytorch-original:before,.devicon-pytorch-plain:before{content:""}.devicon-pytorch-plain-wordmark:before{content:""}.devicon-qodana-plain:before{content:""}.devicon-qodana-plain-wordmark:before{content:""}.devicon-qt-original:before,.devicon-qt-plain:before{content:""}.devicon-quarkus-plain:before{content:""}.devicon-quarkus-plain-wordmark:before{content:""}.devicon-quasar-plain:before{content:""}.devicon-quasar-plain-wordmark:before{content:""}.devicon-qwik-plain:before{content:""}.devicon-qwik-plain-wordmark:before{content:""}.devicon-rabbitmq-original:before,.devicon-rabbitmq-plain:before{content:""}.devicon-rabbitmq-plain-wordmark:before{content:""}.devicon-rails-plain:before{content:""}.devicon-rails-plain-wordmark:before{content:""}.devicon-railway-line:before{content:""}.devicon-railway-line-wordmark:before{content:""}.devicon-railway-original:before,.devicon-railway-plain:before{content:""}.devicon-railway-original-wordmark:before,.devicon-railway-plain-wordmark:before{content:""}.devicon-rancher-line:before{content:""}.devicon-rancher-line-wordmark:before{content:""}.devicon-rancher-original:before,.devicon-rancher-plain:before{content:""}.devicon-rancher-plain-wordmark:before{content:""}.devicon-raspberrypi-line:before{content:""}.devicon-raspberrypi-line-wordmark:before{content:""}.devicon-raspberrypi-plain:before{content:""}.devicon-raspberrypi-plain-wordmark:before{content:""}.devicon-reach-plain:before{content:""}.devicon-reactbootstrap-original:before,.devicon-reactbootstrap-plain:before{content:""}.devicon-reactnavigation-original:before,.devicon-reactnavigation-plain:before{content:""}.devicon-react-original:before,.devicon-react-plain:before{content:""}.devicon-react-original-wordmark:before,.devicon-react-plain-wordmark:before{content:""}.devicon-reactrouter-plain:before{content:""}.devicon-reactrouter-plain-wordmark:before{content:""}.devicon-readthedocs-line:before{content:""}.devicon-readthedocs-original:before,.devicon-readthedocs-plain:before{content:""}.devicon-readthedocs-original-wordmark:before,.devicon-readthedocs-plain-wordmark:before{content:""}.devicon-realm-plain:before{content:""}.devicon-realm-plain-wordmark:before{content:""}.devicon-rect-plain:before{content:""}.devicon-redhat-plain:before{content:""}.devicon-redhat-plain-wordmark:before{content:""}.devicon-redis-plain:before{content:""}.devicon-redis-plain-wordmark:before{content:""}.devicon-redux-original:before,.devicon-redux-plain:before{content:""}.devicon-renpy-plain:before{content:""}.devicon-replit-original:before,.devicon-replit-plain:before{content:""}.devicon-replit-plain-wordmark:before{content:""}.devicon-rider-plain:before{content:""}.devicon-rider-plain-wordmark:before{content:""}.devicon-r-line:before{content:""}.devicon-rocksdb-line:before{content:""}.devicon-rocksdb-plain:before{content:""}.devicon-rockylinux-original:before,.devicon-rockylinux-plain:before{content:""}.devicon-rockylinux-plain-wordmark:before{content:""}.devicon-rollup-line:before{content:""}.devicon-rollup-line-wordmark:before{content:""}.devicon-rollup-plain:before{content:""}.devicon-rollup-plain-wordmark:before{content:""}.devicon-ros-original:before{content:""}.devicon-ros-original-wordmark:before{content:""}.devicon-r-plain:before{content:""}.devicon-rspec-line:before{content:""}.devicon-rspec-line-wordmark:before{content:""}.devicon-rspec-plain:before{content:""}.devicon-rspec-plain-wordmark:before{content:""}.devicon-rstudio-plain:before{content:""}.devicon-rubymine-plain:before{content:""}.devicon-rubymine-plain-wordmark:before{content:""}.devicon-ruby-plain:before{content:""}.devicon-ruby-plain-wordmark:before{content:""}.devicon-rust-line:before{content:""}.devicon-rust-original:before,.devicon-rust-plain:before{content:""}.devicon-rxjs-plain:before{content:""}.devicon-safari-line:before{content:""}.devicon-safari-line-wordmark:before{content:""}.devicon-safari-plain:before{content:""}.devicon-safari-plain-wordmark:before{content:""}.devicon-salesforce-plain:before{content:""}.devicon-sanity-plain:before{content:""}.devicon-sass-original:before,.devicon-sass-plain:before{content:""}.devicon-scala-plain:before{content:""}.devicon-scala-plain-wordmark:before{content:""}.devicon-scalingo-line:before{content:""}.devicon-scalingo-line-wordmark:before{content:""}.devicon-scalingo-plain:before{content:""}.devicon-scalingo-plain-wordmark:before{content:""}.devicon-scikitlearn-line:before,.devicon-scikitlearn-line-wordmark:before{content:""}.devicon-scikitlearn-plain:before,.devicon-scikitlearn-plain-wordmark:before{content:""}.devicon-sdl-plain:before{content:""}.devicon-selenium-original:before,.devicon-selenium-plain:before{content:""}.devicon-sema-original:before,.devicon-sema-plain:before{content:""}.devicon-sema-original-wordmark:before,.devicon-sema-plain-wordmark:before{content:""}.devicon-sentry-original:before,.devicon-sentry-plain:before{content:""}.devicon-sentry-original-wordmark:before,.devicon-sentry-plain-wordmark:before{content:""}.devicon-sequelize-plain:before{content:""}.devicon-sequelize-plain-wordmark:before{content:""}.devicon-shopware-original:before{content:""}.devicon-shopware-original-wordmark:before{content:""}.devicon-shotgrid-original-wordmark:before,.devicon-shotgrid-plain-wordmark:before{content:""}.devicon-shotgrid-plain:before{content:""}.devicon-sketch-line:before{content:""}.devicon-sketch-line-wordmark:before{content:""}.devicon-sketch-plain:before{content:""}.devicon-sketch-plain-wordmark:before{content:""}.devicon-slack-plain:before{content:""}.devicon-slack-plain-wordmark:before{content:""}.devicon-socketio-original:before,.devicon-socketio-plain:before{content:""}.devicon-socketio-original-wordmark:before,.devicon-socketio-plain-wordmark:before{content:""}.devicon-solidity-plain:before{content:""}.devicon-solidjs-plain:before{content:""}.devicon-solidjs-plain-wordmark:before{content:""}.devicon-sonarqube-line:before{content:""}.devicon-sonarqube-line-wordmark:before{content:""}.devicon-sonarqube-original:before,.devicon-sonarqube-plain:before{content:""}.devicon-sonarqube-plain-wordmark:before{content:""}.devicon-sourcetree-original:before,.devicon-sourcetree-plain:before{content:""}.devicon-sourcetree-original-wordmark:before,.devicon-sourcetree-plain-wordmark:before{content:""}.devicon-spack-plain:before{content:""}.devicon-splunk-original-wordmark:before,.devicon-splunk-plain-wordmark:before{content:""}.devicon-spring-original:before,.devicon-spring-plain:before{content:""}.devicon-spring-original-wordmark:before,.devicon-spring-plain-wordmark:before{content:""}.devicon-spss-plain:before{content:""}.devicon-spyder-plain:before{content:""}.devicon-spyder-plain-wordmark:before{content:""}.devicon-sqlalchemy-plain:before{content:""}.devicon-sqlalchemy-plain-wordmark:before{content:""}.devicon-sqldeveloper-plain:before{content:""}.devicon-sqlite-plain:before{content:""}.devicon-sqlite-plain-wordmark:before{content:""}.devicon-ssh-original:before,.devicon-ssh-plain:before{content:""}.devicon-ssh-original-wordmark:before,.devicon-ssh-plain-wordmark:before{content:""}.devicon-stackoverflow-line:before{content:""}.devicon-stackoverflow-line-wordmark:before{content:""}.devicon-stackoverflow-plain:before{content:""}.devicon-stackoverflow-plain-wordmark:before{content:""}.devicon-stata-original-wordmark:before,.devicon-stata-plain-wordmark:before{content:""}.devicon-storybook-plain:before{content:""}.devicon-storybook-plain-wordmark:before{content:""}.devicon-streamlit-plain:before{content:""}.devicon-streamlit-plain-wordmark:before{content:""}.devicon-stylus-original:before{content:""}.devicon-subversion-original:before,.devicon-subversion-plain:before{content:""}.devicon-subversion-plain-wordmark:before{content:""}.devicon-supabase-plain:before{content:""}.devicon-supabase-plain-wordmark:before{content:""}.devicon-svelte-plain:before{content:""}.devicon-svelte-plain-wordmark:before{content:""}.devicon-swagger-plain:before{content:""}.devicon-swagger-plain-wordmark:before{content:""}.devicon-swift-plain:before{content:""}.devicon-swift-plain-wordmark:before{content:""}.devicon-swiper-original:before,.devicon-swiper-plain:before{content:""}.devicon-symfony-original:before,.devicon-symfony-plain:before{content:""}.devicon-symfony-original-wordmark:before,.devicon-symfony-plain-wordmark:before{content:""}.devicon-tailwindcss-original:before,.devicon-tailwindcss-plain:before{content:""}.devicon-tailwindcss-plain-wordmark:before{content:""}.devicon-tauri-plain:before{content:""}.devicon-tauri-plain-wordmark:before{content:""}.devicon-tensorflow-line:before{content:""}.devicon-tensorflow-line-wordmark:before{content:""}.devicon-tensorflow-original:before{content:""}.devicon-tensorflow-original-wordmark:before{content:""}.devicon-terraform-plain:before{content:""}.devicon-terraform-plain-wordmark:before{content:""}.devicon-tex-original:before,.devicon-tex-original-wordmark:before,.devicon-tex-plain:before,.devicon-tex-plain-wordmark:before{content:""}.devicon-thealgorithms-plain:before{content:""}.devicon-thealgorithms-plain-wordmark:before{content:""}.devicon-threedsmax-plain:before,.devicon-threedsmax-plain-wordmark:before{content:""}.devicon-threejs-original:before{content:""}.devicon-threejs-original-wordmark:before{content:""}.devicon-titaniumsdk-original:before,.devicon-titaniumsdk-plain:before{content:""}.devicon-tomcat-line:before{content:""}.devicon-tomcat-line-wordmark:before{content:""}.devicon-tortoisegit-line:before{content:""}.devicon-tortoisegit-plain:before{content:""}.devicon-towergit-plain:before{content:""}.devicon-towergit-plain-wordmark:before{content:""}.devicon-traefikmesh-line:before{content:""}.devicon-traefikmesh-line-wordmark:before{content:""}.devicon-traefikmesh-original:before,.devicon-traefikmesh-plain:before{content:""}.devicon-traefikmesh-plain-wordmark:before{content:""}.devicon-traefikproxy-line:before{content:""}.devicon-traefikproxy-line-wordmark:before{content:""}.devicon-traefikproxy-original:before,.devicon-traefikproxy-plain:before{content:""}.devicon-traefikproxy-plain-wordmark:before{content:""}.devicon-travis-line:before{content:""}.devicon-travis-line-wordmark:before{content:""}.devicon-travis-plain:before{content:""}.devicon-travis-plain-wordmark:before{content:""}.devicon-trello-line:before{content:""}.devicon-trello-line-wordmark:before{content:""}.devicon-trello-plain:before{content:""}.devicon-trello-plain-wordmark:before{content:""}.devicon-trpc-plain:before{content:""}.devicon-trpc-plain-wordmark:before{content:""}.devicon-twitter-original:before,.devicon-twitter-plain:before{content:""}.devicon-typescript-plain:before,.devicon-typescript-original:before{content:""}.devicon-typo3-line:before{content:""}.devicon-typo3-line-wordmark:before{content:""}.devicon-typo3-original:before,.devicon-typo3-plain:before{content:""}.devicon-typo3-plain-wordmark:before{content:""}.devicon-ubuntu-plain:before{content:""}.devicon-ubuntu-plain-wordmark:before{content:""}.devicon-unifiedmodelinglanguage-plain:before{content:""}.devicon-unifiedmodelinglanguage-plain-wordmark:before{content:""}.devicon-unity-line:before{content:""}.devicon-unity-line-wordmark:before{content:""}.devicon-unity-plain:before{content:""}.devicon-unity-plain-wordmark:before{content:""}.devicon-unix-original:before{content:""}.devicon-unrealengine-original:before,.devicon-unrealengine-plain:before{content:""}.devicon-unrealengine-original-wordmark:before,.devicon-unrealengine-plain-wordmark:before{content:""}.devicon-uwsgi-plain:before{content:""}.devicon-v8-plain:before,.devicon-v8-plain-wordmark:before{content:""}.devicon-vagrant-plain:before{content:""}.devicon-vagrant-plain-wordmark:before{content:""}.devicon-vala-plain:before{content:""}.devicon-vala-plain-wordmark:before{content:""}.devicon-vault-original:before,.devicon-vault-plain:before{content:""}.devicon-vault-plain-wordmark:before{content:""}.devicon-vercel-line:before{content:""}.devicon-vercel-line-wordmark:before{content:""}.devicon-vercel-original:before,.devicon-vercel-plain:before{content:""}.devicon-vercel-original-wordmark:before,.devicon-vercel-plain-wordmark:before{content:""}.devicon-vertx-line:before{content:""}.devicon-vertx-line-wordmark:before{content:""}.devicon-vertx-plain:before{content:""}.devicon-vertx-plain-wordmark:before{content:""}.devicon-vim-plain:before{content:""}.devicon-visualbasic-line:before{content:""}.devicon-visualbasic-plain:before{content:""}.devicon-visualstudio-line:before{content:""}.devicon-visualstudio-plain:before{content:""}.devicon-vitejs-plain:before{content:""}.devicon-vite-original:before,.devicon-vite-plain:before{content:""}.devicon-vite-original-wordmark:before,.devicon-vite-plain-wordmark:before{content:""}.devicon-vitess-plain:before{content:""}.devicon-vitess-plain-wordmark:before{content:""}.devicon-vitest-plain:before{content:""}.devicon-vscode-plain:before{content:""}.devicon-vscode-plain-wordmark:before{content:""}.devicon-vsphere-line:before{content:""}.devicon-vsphere-line-wordmark:before{content:""}.devicon-vsphere-plain:before{content:""}.devicon-vsphere-plain-wordmark:before{content:""}.devicon-vuejs-line:before{content:""}.devicon-vuejs-line-wordmark:before{content:""}.devicon-vuejs-plain:before{content:""}.devicon-vuejs-plain-wordmark:before{content:""}.devicon-vuestorefront-plain:before{content:""}.devicon-vuetify-line:before{content:""}.devicon-vuetify-plain:before{content:""}.devicon-wasm-original:before,.devicon-wasm-plain:before{content:""}.devicon-wasm-plain-wordmark:before{content:""}.devicon-webflow-original:before{content:""}.devicon-weblate-plain:before{content:""}.devicon-weblate-plain-wordmark:before{content:""}.devicon-webpack-plain:before{content:""}.devicon-webpack-plain-wordmark:before{content:""}.devicon-webstorm-plain:before{content:""}.devicon-webstorm-plain-wordmark:before{content:""}.devicon-windows8-original:before,.devicon-windows8-plain:before{content:""}.devicon-windows8-original-wordmark:before,.devicon-windows8-plain-wordmark:before{content:""}.devicon-windows11-original:before,.devicon-windows11-plain:before{content:""}.devicon-windows11-original-wordmark:before,.devicon-windows11-plain-wordmark:before{content:""}.devicon-woocommerce-plain:before{content:""}.devicon-woocommerce-plain-wordmark:before{content:""}.devicon-wordpress-plain:before{content:""}.devicon-wordpress-plain-wordmark:before{content:""}.devicon-xamarin-original:before,.devicon-xamarin-plain:before{content:""}.devicon-xamarin-original-wordmark:before,.devicon-xamarin-plain-wordmark:before{content:""}.devicon-xcode-plain:before{content:""}.devicon-xd-line:before{content:""}.devicon-xd-plain:before{content:""}.devicon-xml-line:before,.devicon-xml-line-wordmark:before{content:""}.devicon-xml-plain:before,.devicon-xml-plain-wordmark:before{content:""}.devicon-yaml-plain:before,.devicon-yaml-plain-wordmark:before{content:""}.devicon-yarn-line:before{content:""}.devicon-yarn-line-wordmark:before{content:""}.devicon-yarn-original:before,.devicon-yarn-plain:before{content:""}.devicon-yarn-original-wordmark:before,.devicon-yarn-plain-wordmark:before{content:""}.devicon-yii-plain:before{content:""}.devicon-yii-plain-wordmark:before{content:""}.devicon-yugabytedb-plain:before{content:""}.devicon-yugabytedb-plain-wordmark:before{content:""}.devicon-yunohost-plain:before{content:""}.devicon-zend-line:before{content:""}.devicon-zend-line-wordmark:before{content:""}.devicon-zend-original:before,.devicon-zend-plain:before{content:""}.devicon-zend-original-wordmark:before,.devicon-zend-plain-wordmark:before{content:""}.devicon-zig-original:before,.devicon-zig-plain:before{content:""}.devicon-zig-plain-wordmark:before{content:""}.devicon-aarch64-plain.colored,.devicon-aarch64-line.colored,.devicon-aarch64-original-wordmark.colored,.devicon-aarch64-plain-wordmark.colored,.devicon-aarch64-line-wordmark.colored{color:#16358c}.devicon-adonisjs-original.colored,.devicon-adonisjs-original-wordmark.colored,.devicon-adonisjs-plain.colored,.devicon-adonisjs-plain-wordmark.colored{color:#5a45ff}.devicon-aerospike-original.colored,.devicon-aerospike-original-wordmark.colored,.devicon-aerospike-plain.colored,.devicon-aerospike-plain-wordmark.colored{color:#c21417}.devicon-aframe-original-wordmark.colored,.devicon-aframe-plain.colored,.devicon-aframe-plain-wordmark.colored{color:#ee295f}.devicon-aftereffects-plain.colored{color:#1f0740}.devicon-akka-plain.colored,.devicon-akka-plain-wordmark.colored{color:#15a9ce}.devicon-algolia-original.colored,.devicon-algolia-original-wordmark.colored{color:#003dff}.devicon-almalinux-plain.colored,.devicon-almalinux-plain-wordmark.colored{color:#fff}.devicon-alpinejs-original.colored,.devicon-alpinejs-original-wordmark.colored,.devicon-alpinejs-plain.colored,.devicon-alpinejs-plain-wordmark.colored{color:#2d3441}.devicon-amazonwebservices-plain-wordmark.colored,.devicon-amazonwebservices-line-wordmark.colored,.devicon-amazonwebservices-original.colored,.devicon-amazonwebservices-plain.colored,.devicon-amazonwebservices-line.colored{color:#f90}.devicon-anaconda-original.colored,.devicon-anaconda-original-wordmark.colored,.devicon-anaconda-plain.colored,.devicon-anaconda-plain-wordmark.colored{color:#3eb049}.devicon-android-plain.colored,.devicon-android-plain-wordmark.colored{color:#a4c439}.devicon-androidstudio-plain.colored,.devicon-androidstudio-plain-wordmark.colored{color:#4285f4}.devicon-angular-plain.colored,.devicon-angular-plain-wordmark.colored{color:#fff}.devicon-angularjs-plain.colored,.devicon-angularjs-plain-wordmark.colored{color:#c4473a}.devicon-angularmaterial-plain.colored{color:#ffa726}.devicon-ansible-plain.colored,.devicon-ansible-plain-wordmark.colored{color:#1a1918}.devicon-ansys-plain.colored,.devicon-ansys-plain-wordmark.colored{color:#000}.devicon-antdesign-plain.colored,.devicon-antdesign-plain-wordmark.colored{color:#0073bb}.devicon-apache-plain.colored,.devicon-apache-plain-wordmark.colored,.devicon-apache-line.colored,.devicon-apache-line-wordmark.colored{color:#cb2533}.devicon-apacheairflow-plain.colored,.devicon-apacheairflow-plain-wordmark.colored{color:#017cee}.devicon-apachekafka-original.colored,.devicon-apachekafka-original-wordmark.colored,.devicon-apachekafka-plain.colored,.devicon-apachekafka-plain-wordmark.colored{color:#231f20}.devicon-apachespark-original.colored,.devicon-apachespark-plain-wordmark.colored,.devicon-apachespark-plain.colored{color:#e15919}.devicon-apex-original.colored,.devicon-apex-plain.colored{color:#0d9dda}.devicon-apl-plain.colored{color:#24a148}.devicon-apollographql-original.colored,.devicon-apollographql-original-wordmark.colored,.devicon-apollographql-line.colored,.devicon-apollographql-line-wordmark.colored,.devicon-apollographql-plain.colored,.devicon-apollographql-plain-wordmark.colored{color:#112b49}.devicon-appcelerator-original.colored,.devicon-appcelerator-plain-wordmark.colored,.devicon-appcelerator-plain.colored{color:#ac162c}.devicon-apple-original.colored,.devicon-apple-plain.colored{color:#000}.devicon-appwrite-original.colored,.devicon-appwrite-plain-wordmark.colored,.devicon-appwrite-plain.colored{color:#fd366e}.devicon-archlinux-plain.colored,.devicon-archlinux-plain-wordmark.colored{color:#1791cf}.devicon-arduino-plain.colored,.devicon-arduino-plain-wordmark.colored{color:#00979d}.devicon-argocd-plain.colored,.devicon-argocd-plain-wordmark.colored{color:#ef7b4d}.devicon-artixlinux-plain.colored,.devicon-artixlinux-plain-wordmark.colored{color:#10a0cc}.devicon-astro-plain.colored,.devicon-astro-plain-wordmark.colored{color:#ff5d01}.devicon-atom-original.colored,.devicon-atom-original-wordmark.colored,.devicon-atom-plain.colored,.devicon-atom-plain-wordmark.colored{color:#67595d}.devicon-awk-plain-wordmark.colored,.devicon-awk-plain.colored{color:#0a094d}.devicon-axios-plain.colored,.devicon-axios-plain-wordmark.colored{color:#5a29e4}.devicon-azure-plain.colored,.devicon-azure-plain-wordmark.colored{color:#0089d6}.devicon-azuredevops-plain.colored{color:#0078d4}.devicon-azuresqldatabase-plain.colored{color:#005ba1}.devicon-babel-plain.colored,.devicon-babel-original.colored{color:#f9dc3e}.devicon-babylonjs-plain.colored,.devicon-babylonjs-plain-wordmark.colored{color:#bb464b}.devicon-backbonejs-plain.colored,.devicon-backbonejs-plain-wordmark.colored{color:#002a41}.devicon-ballerina-original.colored,.devicon-ballerina-original-wordmark.colored,.devicon-ballerina-line.colored,.devicon-ballerina-line-wordmark.colored,.devicon-ballerina-plain.colored,.devicon-ballerina-plain-wordmark.colored{color:#46c0bc}.devicon-bamboo-original.colored,.devicon-bamboo-original-wordmark.colored,.devicon-bamboo-plain.colored,.devicon-bamboo-plain-wordmark.colored{color:#1068e2}.devicon-bash-plain.colored{color:#293138}.devicon-bazel-plain.colored,.devicon-bazel-plain-wordmark.colored{color:#76d275}.devicon-beats-plain.colored{color:#07c}.devicon-behance-plain.colored,.devicon-behance-plain-wordmark.colored{color:#0071e0}.devicon-bevyengine-plain.colored,.devicon-bevyengine-plain-wordmark.colored,.devicon-bevyengine-line.colored,.devicon-bevyengine-line-wordmark.colored{color:#282828}.devicon-biome-original.colored,.devicon-biome-plain-wordmark.colored,.devicon-biome-line.colored,.devicon-biome-line-wordmark.colored,.devicon-biome-plain.colored{color:#60a5fa}.devicon-bitbucket-original.colored,.devicon-bitbucket-original-wordmark.colored,.devicon-bitbucket-plain.colored,.devicon-bitbucket-plain-wordmark.colored{color:#205081}.devicon-blazor-original.colored,.devicon-blazor-line.colored,.devicon-blazor-plain.colored{color:#5c2d91}.devicon-blender-original.colored,.devicon-blender-original-wordmark.colored{color:#dc7b2e}.devicon-bootstrap-plain.colored,.devicon-bootstrap-plain-wordmark.colored{color:#712cf9}.devicon-bower-plain.colored,.devicon-bower-plain-wordmark.colored,.devicon-bower-line.colored,.devicon-bower-line-wordmark.colored{color:#ef5734}.devicon-browserstack-plain.colored,.devicon-browserstack-plain-wordmark.colored,.devicon-browserstack-line.colored,.devicon-browserstack-line-wordmark.colored{color:#0070f0}.devicon-bulma-plain.colored{color:#00d1b2}.devicon-bun-plain.colored,.devicon-bun-line.colored{color:#fbf0df}.devicon-c-original.colored,.devicon-c-line.colored,.devicon-c-original-wordmark.colored,.devicon-c-plain.colored,.devicon-c-plain-wordmark.colored,.devicon-c-line-wordmark.colored{color:#a9bacd}.devicon-cairo-plain.colored,.devicon-cairo-plain-wordmark.colored{color:#f39914}.devicon-cakephp-plain.colored,.devicon-cakephp-plain-wordmark.colored{color:#d43d44}.devicon-canva-original.colored,.devicon-canva-plain.colored{color:#00c4cc}.devicon-capacitor-plain.colored,.devicon-capacitor-plain-wordmark.colored{color:#53b9ff}.devicon-carbon-original.colored,.devicon-carbon-plain.colored{color:#000}.devicon-cassandra-plain.colored,.devicon-cassandra-plain-wordmark.colored{color:#1185b0}.devicon-centos-plain.colored,.devicon-centos-plain-wordmark.colored{color:#932178}.devicon-ceylon-plain.colored,.devicon-ceylon-plain-wordmark.colored{color:#ab710a}.devicon-chakraui-plain.colored,.devicon-chakraui-plain-wordmark.colored{color:#52c8c5}.devicon-chartjs-plain.colored,.devicon-chartjs-plain-wordmark.colored{color:#ff6384}.devicon-chrome-plain.colored,.devicon-chrome-plain-wordmark.colored{color:#ce4e4e}.devicon-circleci-plain.colored,.devicon-circleci-plain-wordmark.colored{color:#343434}.devicon-clarity-plain.colored,.devicon-clarity-plain-wordmark.colored{color:#13171a}.devicon-clickhouse-plain.colored{color:#f9ff69}.devicon-clion-plain.colored,.devicon-clion-plain-wordmark.colored{color:#21d789}.devicon-clojure-line.colored,.devicon-clojure-plain.colored,.devicon-clojure-plain.colored{color:#5881d8}.devicon-clojurescript-plain.colored{color:#96ca4b}.devicon-cloudflare-plain.colored,.devicon-cloudflare-plain-wordmark.colored{color:#f38020}.devicon-cloudflareworkers-plain.colored,.devicon-cloudflareworkers-plain-wordmark.colored{color:#ea9344}.devicon-cloudrun-plain.colored,.devicon-cloudrun-line.colored{color:#4285f4}.devicon-cmake-plain.colored,.devicon-cmake-plain-wordmark.colored{color:#0e8a16}.devicon-cobol-original.colored,.devicon-cobol-plain.colored{color:#000}.devicon-codeac-original.colored{color:#005096}.devicon-codecov-plain.colored{color:#e0225c}.devicon-codeigniter-plain.colored,.devicon-codeigniter-plain-wordmark.colored{color:#ee4323}.devicon-codepen-original.colored,.devicon-codepen-original-wordmark.colored,.devicon-codepen-line.colored,.devicon-codepen-line-wordmark.colored,.devicon-codepen-plain.colored,.devicon-codepen-plain-wordmark.colored{color:#000}.devicon-coffeescript-original.colored,.devicon-coffeescript-original-wordmark.colored,.devicon-coffeescript-plain.colored,.devicon-coffeescript-plain-wordmark.colored{color:#28334c}.devicon-composer-line.colored,.devicon-composer-line-wordmark.colored,.devicon-composer-plain.colored,.devicon-composer-plain-wordmark.colored{color:#000}.devicon-confluence-plain.colored,.devicon-confluence-plain-wordmark.colored,.devicon-confluence-line.colored,.devicon-confluence-line-wordmark.colored{color:#136be6}.devicon-consul-original.colored,.devicon-consul-plain-wordmark.colored,.devicon-consul-plain.colored{color:#e03875}.devicon-contao-original.colored,.devicon-contao-original-wordmark.colored{color:#f47c00}.devicon-corejs-original.colored,.devicon-corejs-original-wordmark.colored,.devicon-corejs-plain.colored,.devicon-corejs-plain-wordmark.colored{color:#000}.devicon-cosmosdb-plain.colored,.devicon-cosmosdb-plain-wordmark.colored{color:#59b3d8}.devicon-couchbase-original.colored,.devicon-couchbase-plain-wordmark.colored,.devicon-couchbase-plain.colored{color:#ea2328}.devicon-couchdb-plain.colored,.devicon-couchdb-plain-wordmark.colored{color:#e42528}.devicon-cpanel-original.colored,.devicon-cpanel-original-wordmark.colored,.devicon-cpanel-plain.colored,.devicon-cpanel-plain-wordmark.colored{color:#ff6c2c}.devicon-cplusplus-plain.colored,.devicon-cplusplus-line.colored,.devicon-cplusplus-plain-wordmark.colored,.devicon-cplusplus-line-wordmark.colored{color:#004482}.devicon-crystal-original.colored,.devicon-crystal-original-wordmark.colored,.devicon-crystal-line.colored,.devicon-crystal-line-wordmark.colored,.devicon-crystal-plain.colored,.devicon-crystal-plain-wordmark.colored{color:#000}.devicon-csharp-plain.colored,.devicon-csharp-plain-wordmark.colored,.devicon-csharp-line.colored,.devicon-csharp-line-wordmark.colored,.devicon-csharp-plain-wordmark.colored,.devicon-csharp-line-wordmark.colored{color:#68217a}.devicon-css3-plain.colored,.devicon-css3-plain-wordmark.colored{color:#3d8fc6}.devicon-cucumber-plain.colored,.devicon-cucumber-plain-wordmark.colored{color:#00a818}.devicon-cypressio-plain.colored,.devicon-cypressio-plain-wordmark.colored,.devicon-cypressio-line.colored,.devicon-cypressio-line-wordmark.colored{color:#1b1e2e}.devicon-d3js-plain.colored{color:#f7974e}.devicon-dart-plain.colored,.devicon-dart-plain-wordmark.colored{color:#00a8e1}.devicon-datadog-original.colored,.devicon-datadog-original-wordmark.colored,.devicon-datadog-plain.colored,.devicon-datadog-plain-wordmark.colored{color:#632ca6}.devicon-datagrip-plain.colored,.devicon-datagrip-plain-wordmark.colored{color:#21d789}.devicon-dataspell-plain.colored,.devicon-dataspell-plain-wordmark.colored{color:#087cfa}.devicon-datatables-original.colored,.devicon-datatables-plain.colored,.devicon-datatables-line.colored{color:#fff}.devicon-dbeaver-plain.colored{color:#382a24}.devicon-debian-plain.colored,.devicon-debian-plain-wordmark.colored{color:#a80030}.devicon-delphi-plain.colored{color:#a81c21}.devicon-denojs-original.colored,.devicon-denojs-original-wordmark.colored,.devicon-denojs-plain.colored,.devicon-denojs-plain-wordmark.colored{color:#000}.devicon-detaspace-line.colored,.devicon-detaspace-line-wordmark.colored{color:#f73b95}.devicon-devicon-plain.colored,.devicon-devicon-plain-wordmark.colored,.devicon-devicon-line.colored,.devicon-devicon-line-wordmark.colored{color:#60be86}.devicon-digitalocean-original.colored,.devicon-digitalocean-original-wordmark.colored,.devicon-digitalocean-plain.colored,.devicon-digitalocean-plain-wordmark.colored{color:#0080ff}.devicon-discloud-original.colored,.devicon-discloud-plain-wordmark.colored,.devicon-discloud-plain.colored{color:#57f287}.devicon-discordjs-plain.colored,.devicon-discordjs-plain-wordmark.colored{color:#0c0c14}.devicon-django-plain.colored,.devicon-django-plain-wordmark.colored{color:#092e20}.devicon-djangorest-plain.colored,.devicon-djangorest-line.colored,.devicon-djangorest-plain-wordmark.colored,.devicon-djangorest-line-wordmark.colored{color:#a30000}.devicon-docker-plain.colored,.devicon-docker-plain-wordmark.colored{color:#019bc6}.devicon-doctrine-plain.colored,.devicon-doctrine-plain-wordmark.colored,.devicon-doctrine-line.colored,.devicon-doctrine-line-wordmark.colored{color:#f56d39}.devicon-dot-net-plain.colored,.devicon-dot-net-plain-wordmark.colored{color:#1384c8}.devicon-dotnetcore-plain.colored{color:#623697}.devicon-dovecot-plain.colored,.devicon-dovecot-line.colored,.devicon-dovecot-original-wordmark.colored,.devicon-dovecot-line-wordmark.colored,.devicon-dovecot-line-wordmark.colored{color:#54bbab}.devicon-dreamweaver-plain.colored,.devicon-dreamweaver-line.colored{color:#470137}.devicon-dropwizard-plain.colored{color:#24265d}.devicon-drupal-plain.colored,.devicon-drupal-plain-wordmark.colored{color:#0073ba}.devicon-duckdb-plain.colored{color:#000}.devicon-dyalog-plain.colored{color:#ff6a13}.devicon-dynamodb-plain.colored{color:#527fff}.devicon-dynatrace-plain.colored,.devicon-dynatrace-plain-wordmark.colored,.devicon-dynatrace-line.colored,.devicon-dynatrace-line-wordmark.colored{color:#000}.devicon-eclipse-plain-wordmark.colored,.devicon-eclipse-plain.colored{color:#2c2255}.devicon-ecto-original.colored,.devicon-ecto-plain-wordmark.colored,.devicon-ecto-plain.colored{color:#77bf43}.devicon-elasticsearch-plain-wordmark.colored,.devicon-elasticsearch-plain.colored{color:#00bfb3}.devicon-electron-original.colored,.devicon-electron-original-wordmark.colored{color:#47848f}.devicon-eleventy-plain.colored{color:#1f1f1f}.devicon-elixir-plain.colored,.devicon-elixir-plain-wordmark.colored{color:#380a4d}.devicon-elm-plain.colored,.devicon-elm-plain-wordmark.colored{color:#34495e}.devicon-emacs-original.colored{color:#421f5f}.devicon-embeddedc-plain.colored,.devicon-embeddedc-plain-wordmark.colored{color:#444}.devicon-ember-original-wordmark.colored,.devicon-ember-plain.colored,.devicon-ember-plain-wordmark.colored{color:#e04e39}.devicon-entityframeworkcore-plain.colored,.devicon-entityframeworkcore-line.colored{color:#512bd4}.devicon-envoy-plain.colored,.devicon-envoy-plain-wordmark.colored{color:#e13eaf}.devicon-erlang-plain.colored,.devicon-erlang-plain-wordmark.colored{color:#a90533}.devicon-eslint-plain.colored,.devicon-eslint-plain-wordmark.colored,.devicon-eslint-line.colored,.devicon-eslint-line-wordmark.colored{color:#4b32c3}.devicon-expo-original.colored,.devicon-expo-original-wordmark.colored,.devicon-expo-line.colored,.devicon-expo-line-wordmark.colored,.devicon-expo-plain.colored,.devicon-expo-plain-wordmark.colored{color:#000}.devicon-express-original.colored,.devicon-express-original-wordmark.colored{color:#444}.devicon-facebook-plain.colored,.devicon-facebook-original.colored{color:#3d5a98}.devicon-fastapi-plain.colored,.devicon-fastapi-plain-wordmark.colored{color:#009688}.devicon-fastify-plain.colored,.devicon-fastify-plain-wordmark.colored{color:#000}.devicon-faunadb-original-wordmark.colored,.devicon-faunadb-original.colored,.devicon-faunadb-line.colored,.devicon-faunadb-line-wordmark.colored,.devicon-faunadb-plain.colored,.devicon-faunadb-plain-wordmark.colored{color:#3a1ab6}.devicon-feathersjs-original.colored{color:#333}.devicon-fedora-plain.colored{color:#294172}.devicon-fiber-plain.colored,.devicon-fiber-line.colored,.devicon-fiber-original-wordmark.colored,.devicon-fiber-plain-wordmark.colored,.devicon-fiber-line-wordmark.colored{color:#00acd7}.devicon-figma-plain.colored{color:#f24e1e}.devicon-filamentphp-original.colored,.devicon-filamentphp-original-wordmark.colored,.devicon-filamentphp-plain.colored,.devicon-filamentphp-plain-wordmark.colored{color:#000}.devicon-filezilla-plain.colored,.devicon-filezilla-plain-wordmark.colored,.devicon-filezilla-line.colored,.devicon-filezilla-line-wordmark.colored{color:#bb0001}.devicon-firebase-plain.colored,.devicon-firebase-plain-wordmark.colored,.devicon-firebase-line.colored,.devicon-firebase-line-wordmark.colored{color:#ffa000}.devicon-firebird-plain.colored{color:#f4790e}.devicon-firefox-plain.colored,.devicon-firefox-plain-wordmark.colored{color:#dd732a}.devicon-flask-original.colored,.devicon-flask-original-wordmark.colored,.devicon-flask-plain.colored,.devicon-flask-plain-wordmark.colored{color:#010101}.devicon-flutter-plain.colored{color:#3fb6d3}.devicon-forgejo-plain.colored,.devicon-forgejo-plain-wordmark.colored,.devicon-forgejo-line.colored,.devicon-forgejo-line-wordmark.colored{color:#f50}.devicon-fortran-original.colored{color:#734f96}.devicon-foundation-plain.colored,.devicon-foundation-plain-wordmark.colored{color:#008cba}.devicon-framermotion-original.colored,.devicon-framermotion-original-wordmark.colored,.devicon-framermotion-plain.colored,.devicon-framermotion-plain-wordmark.colored{color:#000}.devicon-framework7-original.colored,.devicon-framework7-original-wordmark.colored,.devicon-framework7-plain.colored,.devicon-framework7-plain-wordmark.colored{color:#ee350f}.devicon-fsharp-plain.colored{color:#378bba}.devicon-fusion-plain.colored{color:#ff6a00}.devicon-gardener-plain.colored,.devicon-gardener-line.colored{color:#009f76}.devicon-gatling-original.colored,.devicon-gatling-plain-wordmark.colored,.devicon-gatling-line.colored,.devicon-gatling-line-wordmark.colored,.devicon-gatling-plain.colored{color:#f78557}.devicon-gatsby-original.colored,.devicon-gatsby-plain-wordmark.colored,.devicon-gatsby-plain.colored{color:#64328b}.devicon-gazebo-plain.colored,.devicon-gazebo-plain-wordmark.colored{color:#f58113}.devicon-gcc-plain.colored,.devicon-gcc-line.colored,.devicon-gcc-original-wordmark.colored,.devicon-gcc-plain-wordmark.colored,.devicon-gcc-line-wordmark.colored{color:#ffcfab}.devicon-gentoo-plain.colored,.devicon-gentoo-plain-wordmark.colored,.devicon-gentoo-line.colored,.devicon-gentoo-line-wordmark.colored{color:#9991d9}.devicon-ghost-original.colored,.devicon-ghost-original-wordmark.colored{color:#000}.devicon-gimp-plain.colored,.devicon-gimp-plain-wordmark.colored,.devicon-gimp-line.colored,.devicon-gimp-line-wordmark.colored{color:#716955}.devicon-git-plain.colored,.devicon-git-plain-wordmark.colored{color:#f34f29}.devicon-gitbook-original.colored,.devicon-gitbook-original-wordmark.colored,.devicon-gitbook-line.colored,.devicon-gitbook-line-wordmark.colored,.devicon-gitbook-plain.colored,.devicon-gitbook-plain-wordmark.colored{color:#346ddb}.devicon-github-original.colored,.devicon-github-original-wordmark.colored,.devicon-github-plain.colored{color:#181616}.devicon-githubactions-plain.colored,.devicon-githubactions-plain-wordmark.colored{color:#2088ff}.devicon-githubcodespaces-plain.colored{color:#24292e}.devicon-gitkraken-original.colored,.devicon-gitkraken-plain-wordmark.colored,.devicon-gitkraken-plain.colored{color:#179287}.devicon-gitlab-plain.colored,.devicon-gitlab-plain-wordmark.colored{color:#e24329}.devicon-gitpod-plain.colored,.devicon-gitpod-plain-wordmark.colored{color:#ffa132}.devicon-gitter-plain.colored,.devicon-gitter-plain-wordmark.colored{color:#000}.devicon-gleam-plain.colored{color:#ffaff3}.devicon-glitch-plain.colored{color:#000}.devicon-go-original-wordmark.colored,.devicon-go-plain.colored,.devicon-go-line.colored,.devicon-go-plain-wordmark.colored{color:#00acd7}.devicon-godot-plain.colored,.devicon-godot-plain-wordmark.colored{color:#478cbf}.devicon-goland-plain.colored,.devicon-goland-plain-wordmark.colored{color:#087cfa}.devicon-google-plain.colored,.devicon-google-plain-wordmark.colored,.devicon-google-original.colored,.devicon-google-original-wordmark.colored{color:#587dbd}.devicon-googlecloud-plain.colored,.devicon-googlecloud-plain-wordmark.colored{color:#557ebf}.devicon-googlecolab-plain.colored{color:#ffb300}.devicon-gradle-original.colored,.devicon-gradle-original-wordmark.colored,.devicon-gradle-plain.colored,.devicon-gradle-plain-wordmark.colored{color:#02303a}.devicon-grafana-plain.colored,.devicon-grafana-plain-wordmark.colored,.devicon-grafana-line.colored,.devicon-grafana-line-wordmark.colored{color:#f7a525}.devicon-grails-plain.colored{color:#feb571}.devicon-graphql-plain.colored,.devicon-graphql-plain-wordmark.colored{color:#e434aa}.devicon-groovy-plain.colored{color:#619cbc}.devicon-grpc-plain.colored{color:#00b0ad}.devicon-grunt-plain.colored,.devicon-grunt-plain-wordmark.colored,.devicon-grunt-line.colored,.devicon-grunt-line-wordmark.colored{color:#fcaa1a}.devicon-gulp-plain.colored{color:#eb4a4b}.devicon-hadoop-plain.colored,.devicon-hadoop-plain-wordmark.colored,.devicon-hadoop-line.colored,.devicon-hadoop-line-wordmark.colored{color:#ff0}.devicon-handlebars-original.colored,.devicon-handlebars-original-wordmark.colored,.devicon-handlebars-line.colored,.devicon-handlebars-line-wordmark.colored,.devicon-handlebars-plain.colored,.devicon-handlebars-plain-wordmark.colored{color:#000}.devicon-harbor-plain.colored,.devicon-harbor-plain-wordmark.colored,.devicon-harbor-line.colored,.devicon-harbor-line-wordmark.colored{color:#666}.devicon-hardhat-plain.colored,.devicon-hardhat-plain-wordmark.colored{color:#fff100}.devicon-harvester-original.colored,.devicon-harvester-plain-wordmark.colored,.devicon-harvester-plain.colored{color:#00a580}.devicon-haskell-plain.colored,.devicon-haskell-plain-wordmark.colored{color:#5e5185}.devicon-haxe-plain.colored{color:#ea8220}.devicon-helm-original.colored,.devicon-helm-line.colored,.devicon-helm-plain.colored{color:#0f1689}.devicon-heroku-original.colored,.devicon-heroku-original-wordmark.colored,.devicon-heroku-plain.colored,.devicon-heroku-plain-wordmark.colored,.devicon-heroku-line.colored,.devicon-heroku-line-wordmark.colored{color:#6762a6}.devicon-hibernate-plain.colored,.devicon-hibernate-plain-wordmark.colored{color:#bcae79}.devicon-homebrew-plain.colored,.devicon-homebrew-plain-wordmark.colored,.devicon-homebrew-line.colored,.devicon-homebrew-line-wordmark.colored{color:#fbb040}.devicon-hoppscotch-plain.colored{color:#00d196}.devicon-html5-plain.colored,.devicon-html5-plain-wordmark.colored{color:#e54d26}.devicon-htmx-plain.colored,.devicon-htmx-plain-wordmark.colored,.devicon-htmx-line.colored,.devicon-htmx-line-wordmark.colored{color:#333}.devicon-hugo-plain.colored,.devicon-hugo-plain-wordmark.colored{color:#ff4088}.devicon-hyperv-original-wordmark.colored,.devicon-hyperv-plain.colored,.devicon-hyperv-plain-wordmark.colored{color:#00188f}.devicon-ie10-original.colored,.devicon-ie10-plain.colored{color:#1ebbee}.devicon-ifttt-original.colored,.devicon-ifttt-plain.colored{color:#000}.devicon-illustrator-plain.colored,.devicon-illustrator-line.colored{color:#300}.devicon-inertiajs-plain.colored,.devicon-inertiajs-plain-wordmark.colored{color:#8163eb}.devicon-influxdb-original.colored,.devicon-influxdb-original-wordmark.colored,.devicon-influxdb-plain.colored,.devicon-influxdb-plain-wordmark.colored{color:#020a47}.devicon-inkscape-plain.colored,.devicon-inkscape-plain-wordmark.colored{color:#000}.devicon-insomnia-plain.colored,.devicon-insomnia-plain-wordmark.colored{color:#4000bf}.devicon-intellij-plain.colored,.devicon-intellij-plain-wordmark.colored{color:#087cfa}.devicon-ionic-original.colored,.devicon-ionic-original-wordmark.colored{color:#4e8ef7}.devicon-jaegertracing-plain.colored,.devicon-jaegertracing-plain-wordmark.colored{color:#67cfe3}.devicon-jamstack-original.colored,.devicon-jamstack-plain-wordmark.colored,.devicon-jamstack-plain.colored{color:#f0047f}.devicon-jasmine-original.colored,.devicon-jasmine-original-wordmark.colored,.devicon-jasmine-plain.colored,.devicon-jasmine-plain-wordmark.colored{color:#8a4182}.devicon-java-plain.colored,.devicon-java-plain-wordmark.colored{color:#ea2d2e}.devicon-javascript-plain.colored{color:#f0db4f}.devicon-jeet-plain.colored,.devicon-jeet-plain-wordmark.colored{color:#ff664a}.devicon-jekyll-plain.colored,.devicon-jekyll-plain-wordmark.colored{color:#000}.devicon-jenkins-line.colored,.devicon-jenkins-plain.colored{color:#f0d6b7}.devicon-jest-plain.colored{color:#99425b}.devicon-jetbrains-plain.colored{color:#fdcc21}.devicon-jetpackcompose-plain-wordmark.colored,.devicon-jetpackcompose-plain.colored,.devicon-jetpackcompose-line.colored,.devicon-jetpackcompose-line-wordmark.colored{color:#4285f4}.devicon-jhipster-plain.colored,.devicon-jhipster-plain-wordmark.colored{color:#4289c7}.devicon-jira-plain.colored,.devicon-jira-plain-wordmark.colored{color:#2684ff}.devicon-jiraalign-plain.colored,.devicon-jiraalign-plain-wordmark.colored{color:#2684ff}.devicon-jquery-plain.colored,.devicon-jquery-plain-wordmark.colored{color:#0769ad}.devicon-json-plain.colored{color:#505050}.devicon-jule-original.colored,.devicon-jule-original-wordmark.colored,.devicon-jule-plain.colored,.devicon-jule-plain-wordmark.colored{color:#5f7389}.devicon-julia-plain.colored,.devicon-julia-plain-wordmark.colored{color:#28a745}.devicon-junit-plain.colored,.devicon-junit-plain-wordmark.colored,.devicon-junit-line.colored,.devicon-junit-line-wordmark.colored{color:#dc514a}.devicon-jupyter-plain.colored,.devicon-jupyter-plain-wordmark.colored{color:#f37726}.devicon-k3os-original.colored,.devicon-k3os-plain-wordmark.colored,.devicon-k3os-line.colored,.devicon-k3os-line-wordmark.colored,.devicon-k3os-plain.colored{color:#fd824e}.devicon-k3s-original.colored,.devicon-k3s-plain-wordmark.colored,.devicon-k3s-plain.colored{color:#ffc519}.devicon-k6-original.colored,.devicon-k6-plain.colored{color:#7d64ff}.devicon-kaggle-original.colored,.devicon-kaggle-original-wordmark.colored,.devicon-kaggle-plain.colored,.devicon-kaggle-plain-wordmark.colored{color:#20beff}.devicon-kaldi-plain.colored,.devicon-kaldi-plain-wordmark.colored,.devicon-kaldi-line.colored,.devicon-kaldi-line-wordmark.colored{color:#8c6432}.devicon-kalilinux-original.colored,.devicon-kalilinux-plain-wordmark.colored,.devicon-kalilinux-line.colored,.devicon-kalilinux-line-wordmark.colored,.devicon-kalilinux-plain.colored{color:#2777ff}.devicon-karatelabs-plain.colored,.devicon-karatelabs-plain-wordmark.colored{color:#000}.devicon-karma-plain.colored{color:#56c5a8}.devicon-kdeneon-plain.colored{color:#21769a}.devicon-keras-plain.colored,.devicon-keras-plain-wordmark.colored,.devicon-keras-line.colored,.devicon-keras-line-wordmark.colored{color:#d00000}.devicon-kibana-plain.colored,.devicon-kibana-plain-wordmark.colored{color:#f04e98}.devicon-knexjs-original.colored,.devicon-knexjs-plain-wordmark.colored,.devicon-knexjs-plain.colored{color:#e16426}.devicon-knockout-plain-wordmark.colored{color:#e42e16}.devicon-kotlin-plain.colored,.devicon-kotlin-plain-wordmark.colored{color:#c711e1}.devicon-krakenjs-plain.colored,.devicon-krakenjs-plain-wordmark.colored{color:#0081c2}.devicon-ktor-plain.colored,.devicon-ktor-plain-wordmark.colored{color:#fc801d}.devicon-kubeflow-plain.colored,.devicon-kubeflow-plain-wordmark.colored,.devicon-kubeflow-line.colored,.devicon-kubeflow-line-wordmark.colored{color:#72a1e5}.devicon-kubernetes-plain.colored,.devicon-kubernetes-plain-wordmark.colored,.devicon-kubernetes-line.colored,.devicon-kubernetes-line-wordmark.colored{color:#326ce5}.devicon-labview-plain.colored,.devicon-labview-plain-wordmark.colored{color:#fed500}.devicon-laminas-original.colored,.devicon-laminas-original-wordmark.colored,.devicon-laminas-line.colored,.devicon-laminas-line-wordmark.colored,.devicon-laminas-plain.colored,.devicon-laminas-plain-wordmark.colored{color:#013755}.devicon-laravel-original.colored,.devicon-laravel-original-wordmark.colored,.devicon-laravel-line.colored,.devicon-laravel-line-wordmark.colored,.devicon-laravel-plain.colored,.devicon-laravel-plain-wordmark.colored{color:#f0513f}.devicon-laraveljetstream-original.colored,.devicon-laraveljetstream-plain-wordmark.colored,.devicon-laraveljetstream-plain.colored{color:#6875f5}.devicon-latex-original.colored,.devicon-latex-plain.colored{color:#000}.devicon-leetcode-plain.colored,.devicon-leetcode-line.colored,.devicon-leetcode-plain-wordmark.colored,.devicon-leetcode-line-wordmark.colored{color:#ffa116}.devicon-less-plain-wordmark.colored{color:#2a4d80}.devicon-libgdx-plain.colored,.devicon-libgdx-line.colored,.devicon-libgdx-original-wordmark.colored,.devicon-libgdx-plain-wordmark.colored,.devicon-libgdx-line-wordmark.colored{color:#e74a45}.devicon-linkedin-plain.colored,.devicon-linkedin-plain-wordmark.colored{color:#0076b2}.devicon-linux-plain.colored{color:#000}.devicon-linuxmint-plain.colored,.devicon-linuxmint-plain-wordmark.colored{color:#69b53f}.devicon-liquibase-original-wordmark.colored,.devicon-liquibase-original.colored,.devicon-liquibase-plain.colored,.devicon-liquibase-plain-wordmark.colored{color:#ff3c00}.devicon-livewire-plain-wordmark.colored,.devicon-livewire-plain.colored{color:#fb70a9}.devicon-llvm-plain.colored,.devicon-llvm-line.colored{color:#5a90b6}.devicon-lodash-plain.colored{color:#000}.devicon-logstash-plain-wordmark.colored,.devicon-logstash-plain.colored{color:#fec514}.devicon-love2d-plain.colored,.devicon-love2d-line.colored{color:#fff}.devicon-lua-plain.colored,.devicon-lua-line.colored,.devicon-lua-original-wordmark.colored,.devicon-lua-plain-wordmark.colored,.devicon-lua-line-wordmark.colored{color:navy}.devicon-lumen-original.colored,.devicon-lumen-plain.colored{color:#e54537}.devicon-magento-original.colored,.devicon-magento-plain-wordmark.colored,.devicon-magento-line.colored,.devicon-magento-line-wordmark.colored,.devicon-magento-plain.colored{color:#f26322}.devicon-mapbox-original.colored,.devicon-mapbox-plain.colored,.devicon-mapbox-original-wordmark.colored,.devicon-mapbox-plain-wordmark.colored{color:#000}.devicon-mariadb-original.colored,.devicon-mariadb-original-wordmark.colored,.devicon-mariadb-plain.colored,.devicon-mariadb-plain-wordmark.colored{color:#003545}.devicon-markdown-original.colored,.devicon-markdown-plain.colored{color:#000}.devicon-materializecss-plain.colored{color:#eb7077}.devicon-materialui-plain.colored{color:#1fa6ca}.devicon-matlab-plain.colored,.devicon-matlab-line.colored{color:#6dd0c7}.devicon-matplotlib-plain.colored,.devicon-matplotlib-plain-wordmark.colored{color:#11557c}.devicon-mattermost-original.colored,.devicon-mattermost-original-wordmark.colored,.devicon-mattermost-plain.colored,.devicon-mattermost-plain-wordmark.colored{color:#19191c}.devicon-maven-plain.colored,.devicon-maven-plain-wordmark.colored{color:#e97826}.devicon-maya-plain.colored,.devicon-maya-plain-wordmark.colored{color:#149b9a}.devicon-memcached-plain.colored,.devicon-memcached-plain-wordmark.colored,.devicon-memcached-line.colored,.devicon-memcached-line-wordmark.colored{color:#2a9790}.devicon-mercurial-plain.colored,.devicon-mercurial-plain-wordmark.colored{color:#999}.devicon-meteor-plain.colored,.devicon-meteor-plain-wordmark.colored{color:#df5052}.devicon-microsoftsqlserver-plain.colored,.devicon-microsoftsqlserver-plain-wordmark.colored,.devicon-microsoftsqlserver-line.colored,.devicon-microsoftsqlserver-line-wordmark.colored{color:#ee352c}.devicon-minitab-plain.colored{color:#8dc63f}.devicon-mithril-original.colored,.devicon-mithril-line.colored,.devicon-mithril-plain.colored{color:#010002}.devicon-mobx-plain.colored{color:#e05e11}.devicon-mocha-plain.colored{color:#8d6748}.devicon-modx-plain.colored,.devicon-modx-plain-wordmark.colored{color:#00decc}.devicon-moleculer-original.colored,.devicon-moleculer-original-wordmark.colored,.devicon-moleculer-plain.colored,.devicon-moleculer-plain-wordmark.colored{color:#3cafce}.devicon-mongodb-plain.colored,.devicon-mongodb-plain-wordmark.colored{color:#4faa41}.devicon-mongoose-original.colored,.devicon-mongoose-original-wordmark.colored{color:#860000}.devicon-monogame-original.colored,.devicon-monogame-line.colored,.devicon-monogame-line-wordmark.colored,.devicon-monogame-plain.colored{color:#e73c00}.devicon-moodle-plain.colored,.devicon-moodle-plain-wordmark.colored{color:#f7931e}.devicon-msdos-plain.colored,.devicon-msdos-line.colored{color:#000}.devicon-mysql-original.colored,.devicon-mysql-plain-wordmark.colored,.devicon-mysql-plain.colored{color:#00618a}.devicon-nano-plain.colored,.devicon-nano-plain-wordmark.colored{color:#c8f}.devicon-nats-plain.colored{color:#27aae1}.devicon-neo4j-plain.colored,.devicon-neo4j-plain-wordmark.colored{color:#018bff}.devicon-neovim-plain.colored,.devicon-neovim-plain-wordmark.colored,.devicon-neovim-line.colored,.devicon-neovim-line-wordmark.colored{color:#5fb950}.devicon-nestjs-original.colored,.devicon-nestjs-original-wordmark.colored,.devicon-nestjs-line.colored,.devicon-nestjs-line-wordmark.colored,.devicon-nestjs-plain.colored,.devicon-nestjs-plain-wordmark.colored{color:#df234f}.devicon-netbeans-plain.colored,.devicon-netbeans-plain-wordmark.colored{color:#1e6abf}.devicon-netbox-plain.colored,.devicon-netbox-plain-wordmark.colored,.devicon-netbox-line.colored,.devicon-netbox-line-wordmark.colored{color:#00857d}.devicon-netlify-plain.colored,.devicon-netlify-plain-wordmark.colored{color:#05bdba}.devicon-networkx-plain.colored,.devicon-networkx-plain-wordmark.colored,.devicon-networkx-line.colored,.devicon-networkx-line-wordmark.colored{color:#2c7fb8}.devicon-newrelic-plain.colored,.devicon-newrelic-line.colored,.devicon-newrelic-original-wordmark.colored,.devicon-newrelic-plain-wordmark.colored,.devicon-newrelic-line-wordmark.colored{color:#1d252c}.devicon-nextjs-original-wordmark.colored,.devicon-nextjs-plain.colored,.devicon-nextjs-line.colored,.devicon-nextjs-line-wordmark.colored,.devicon-nextjs-plain-wordmark.colored{color:#000}.devicon-nginx-original.colored,.devicon-nginx-original-wordmark.colored,.devicon-nginx-plain.colored,.devicon-nginx-plain-wordmark.colored{color:#090}.devicon-ngrok-original.colored,.devicon-ngrok-line.colored,.devicon-ngrok-original-wordmark.colored,.devicon-ngrok-plain.colored,.devicon-ngrok-plain-wordmark.colored,.devicon-ngrok-line-wordmark.colored{color:#02228e}.devicon-ngrx-plain.colored{color:#ba2bd2}.devicon-nhibernate-plain-wordmark.colored,.devicon-nhibernate-plain.colored,.devicon-nhibernate-line.colored,.devicon-nhibernate-line-wordmark.colored{color:#903a36}.devicon-nim-plain.colored,.devicon-nim-plain-wordmark.colored,.devicon-nim-line.colored,.devicon-nim-line-wordmark.colored{color:#ffe953}.devicon-nimble-plain.colored{color:#f7e941}.devicon-nixos-plain.colored,.devicon-nixos-plain-wordmark.colored{color:#5277c3}.devicon-nodejs-plain.colored,.devicon-nodejs-plain-wordmark.colored,.devicon-nodejs-line.colored,.devicon-nodejs-line-wordmark.colored{color:#5fa04e}.devicon-nodemon-plain.colored,.devicon-nodemon-line.colored{color:#76d04b}.devicon-nodered-plain.colored,.devicon-nodered-line.colored{color:#8f0000}.devicon-nodewebkit-plain.colored,.devicon-nodewebkit-plain-wordmark.colored,.devicon-nodewebkit-line.colored,.devicon-nodewebkit-line-wordmark.colored{color:#3d3b47}.devicon-nomad-original.colored,.devicon-nomad-plain-wordmark.colored,.devicon-nomad-plain.colored{color:#00ca8e}.devicon-norg-plain.colored{color:#4878be}.devicon-notion-plain.colored,.devicon-notion-line.colored{color:#fff}.devicon-npm-original-wordmark.colored,.devicon-npm-plain.colored{color:#cb3837}.devicon-npss-plain.colored{color:#0a37b2}.devicon-nuget-original.colored,.devicon-nuget-original-wordmark.colored{color:#004880}.devicon-numpy-plain.colored,.devicon-numpy-plain-wordmark.colored,.devicon-numpy-line.colored,.devicon-numpy-line-wordmark.colored{color:#4dabcf}.devicon-nuxt-original.colored,.devicon-nuxt-plain-wordmark.colored,.devicon-nuxt-plain.colored{color:#00dc82}.devicon-nuxtjs-plain.colored,.devicon-nuxtjs-plain-wordmark.colored{color:#00c48d}.devicon-oauth-plain.colored,.devicon-oauth-original-wordmark.colored,.devicon-oauth-plain-wordmark.colored{color:#000}.devicon-objectivec-plain.colored{color:#0b5a9d}.devicon-ocaml-plain.colored,.devicon-ocaml-plain-wordmark.colored{color:#f18803}.devicon-ohmyzsh-plain.colored{color:#000}.devicon-okta-plain.colored,.devicon-okta-plain-wordmark.colored{color:#0f82c2}.devicon-openal-plain.colored{color:#7e000d}.devicon-openapi-plain.colored,.devicon-openapi-plain-wordmark.colored,.devicon-openapi-line.colored,.devicon-openapi-line-wordmark.colored{color:#91d400}.devicon-opencl-plain.colored,.devicon-opencl-line.colored,.devicon-opencl-original-wordmark.colored,.devicon-opencl-plain-wordmark.colored,.devicon-opencl-line-wordmark.colored{color:#000}.devicon-opencv-plain.colored,.devicon-opencv-plain-wordmark.colored{color:#128dff}.devicon-opengl-plain.colored{color:#5586a4}.devicon-openstack-original.colored,.devicon-openstack-plain-wordmark.colored,.devicon-openstack-plain.colored{color:#ed1944}.devicon-opensuse-original.colored,.devicon-opensuse-original-wordmark.colored,.devicon-opensuse-plain.colored,.devicon-opensuse-plain-wordmark.colored{color:#73ba25}.devicon-opentelemetry-plain.colored,.devicon-opentelemetry-plain-wordmark.colored{color:#f5a800}.devicon-opera-plain.colored,.devicon-opera-plain-wordmark.colored{color:#f7192d}.devicon-oracle-original.colored,.devicon-oracle-plain.colored{color:#ea1b22}.devicon-ory-original.colored,.devicon-ory-original-wordmark.colored,.devicon-ory-plain.colored,.devicon-ory-plain-wordmark.colored{color:#5528ff}.devicon-p5js-original.colored,.devicon-p5js-plain.colored,.devicon-p5js-original-wordmark.colored,.devicon-p5js-plain-wordmark.colored{color:#ed225d}.devicon-packer-plain.colored,.devicon-packer-plain-wordmark.colored,.devicon-packer-line.colored,.devicon-packer-line-wordmark.colored{color:#1d94dd}.devicon-pandas-plain.colored,.devicon-pandas-plain-wordmark.colored,.devicon-pandas-line.colored,.devicon-pandas-line-wordmark.colored{color:#130754}.devicon-passport-plain.colored,.devicon-passport-original-wordmark.colored,.devicon-passport-plain-wordmark.colored{color:#35df79}.devicon-perl-plain.colored{color:#212177}.devicon-pfsense-original.colored,.devicon-pfsense-original-wordmark.colored,.devicon-pfsense-plain.colored,.devicon-pfsense-plain-wordmark.colored{color:#000}.devicon-phalcon-plain.colored{color:#76c39b}.devicon-phoenix-original.colored,.devicon-phoenix-plain-wordmark.colored,.devicon-phoenix-plain.colored{color:#fd4f00}.devicon-photonengine-plain.colored,.devicon-photonengine-original-wordmark.colored,.devicon-photonengine-plain-wordmark.colored{color:#004480}.devicon-photoshop-plain.colored,.devicon-photoshop-line.colored{color:#001e36}.devicon-php-plain.colored{color:#777bb3}.devicon-phpstorm-plain.colored,.devicon-phpstorm-plain-wordmark.colored{color:#b74af7}.devicon-pixijs-plain.colored,.devicon-pixijs-plain-wordmark.colored{color:#e72264}.devicon-playwright-plain.colored{color:#2ead33}.devicon-plotly-plain.colored,.devicon-plotly-plain-wordmark.colored{color:#3d4c73}.devicon-pm2-plain.colored,.devicon-pm2-plain-wordmark.colored,.devicon-pm2-line.colored,.devicon-pm2-line-wordmark.colored{color:#000}.devicon-pnpm-plain.colored,.devicon-pnpm-plain-wordmark.colored{color:#f9ad00}.devicon-podman-plain.colored,.devicon-podman-plain-wordmark.colored{color:#892ca0}.devicon-poetry-plain.colored{color:#0080c5}.devicon-polygon-plain.colored,.devicon-polygon-plain-wordmark.colored{color:#7950dd}.devicon-portainer-original.colored,.devicon-portainer-original-wordmark.colored,.devicon-portainer-plain.colored,.devicon-portainer-plain-wordmark.colored{color:#3bbced}.devicon-postcss-original.colored,.devicon-postcss-plain-wordmark.colored,.devicon-postcss-plain.colored{color:#dd3a0a}.devicon-postgresql-plain.colored,.devicon-postgresql-plain-wordmark.colored{color:#336791}.devicon-postman-plain.colored,.devicon-postman-plain-wordmark.colored{color:#f37036}.devicon-powershell-plain.colored{color:#1e2a3a}.devicon-premierepro-plain.colored{color:#2a0634}.devicon-primeng-plain.colored{color:#000}.devicon-prisma-original.colored,.devicon-prisma-original-wordmark.colored,.devicon-prisma-plain.colored,.devicon-prisma-plain-wordmark.colored{color:#2d3748}.devicon-processing-plain.colored,.devicon-processing-line.colored,.devicon-processing-original-wordmark.colored,.devicon-processing-plain-wordmark.colored{color:#1f34ab}.devicon-processwire-original.colored,.devicon-processwire-plain-wordmark.colored,.devicon-processwire-plain.colored{color:#1e87f0}.devicon-prolog-plain.colored,.devicon-prolog-plain-wordmark.colored{color:#f46c30}.devicon-prometheus-original.colored,.devicon-prometheus-plain-wordmark.colored,.devicon-prometheus-line.colored,.devicon-prometheus-line-wordmark.colored,.devicon-prometheus-plain.colored{color:#e75225}.devicon-protractor-plain.colored,.devicon-protractor-plain-wordmark.colored,.devicon-protractor-line.colored,.devicon-protractor-line-wordmark.colored{color:#d51c2f}.devicon-proxmox-plain.colored,.devicon-proxmox-plain-wordmark.colored{color:#e57000}.devicon-pug-plain.colored,.devicon-pug-line.colored{color:#56332b}.devicon-pulsar-original.colored,.devicon-pulsar-original-wordmark.colored,.devicon-pulsar-plain.colored,.devicon-pulsar-plain-wordmark.colored{color:#2c3e50}.devicon-pulumi-plain.colored,.devicon-pulumi-plain-wordmark.colored{color:#f6bf29}.devicon-puppeteer-plain.colored,.devicon-puppeteer-original-wordmark.colored,.devicon-puppeteer-plain-wordmark.colored{color:#00d8a2}.devicon-purescript-original.colored,.devicon-purescript-original-wordmark.colored{color:#14161a}.devicon-putty-plain.colored{color:#0000fc}.devicon-pycharm-plain.colored,.devicon-pycharm-plain-wordmark.colored{color:#21d789}.devicon-pypi-plain.colored,.devicon-pypi-plain-wordmark.colored{color:#3775a9}.devicon-pyscript-plain-wordmark.colored{color:#fda703}.devicon-pytest-plain.colored,.devicon-pytest-plain-wordmark.colored{color:#009fe3}.devicon-python-plain.colored,.devicon-python-plain-wordmark.colored{color:#ffd845}.devicon-pytorch-original.colored,.devicon-pytorch-plain-wordmark.colored,.devicon-pytorch-plain.colored{color:#ee4c2c}.devicon-qodana-plain.colored,.devicon-qodana-plain-wordmark.colored{color:#ff318c}.devicon-qt-original.colored,.devicon-qt-plain.colored{color:#41cd52}.devicon-qtest-original.colored,.devicon-qtest-original-wordmark.colored,.devicon-qtest-plain.colored,.devicon-qtest-plain-wordmark.colored{color:#1a62b3}.devicon-quarkus-plain.colored,.devicon-quarkus-plain-wordmark.colored{color:#4695eb}.devicon-quasar-plain-wordmark.colored,.devicon-quasar-plain.colored{color:#00b4ff}.devicon-qwik-plain.colored,.devicon-qwik-plain-wordmark.colored{color:#18b6f6}.devicon-r-plain.colored,.devicon-r-line.colored{color:#1f65b7}.devicon-rabbitmq-original.colored,.devicon-rabbitmq-plain-wordmark.colored,.devicon-rabbitmq-plain.colored{color:#f60}.devicon-racket-plain.colored,.devicon-racket-line.colored{color:#9f1d20}.devicon-radstudio-plain.colored{color:#f42434}.devicon-rails-plain.colored,.devicon-rails-plain-wordmark.colored{color:#c00}.devicon-railway-original.colored,.devicon-railway-original-wordmark.colored,.devicon-railway-line.colored,.devicon-railway-line-wordmark.colored,.devicon-railway-plain.colored,.devicon-railway-plain-wordmark.colored{color:#fff}.devicon-rancher-original.colored,.devicon-rancher-plain-wordmark.colored,.devicon-rancher-line.colored,.devicon-rancher-line-wordmark.colored,.devicon-rancher-plain.colored{color:#2453ff}.devicon-raspberrypi-plain.colored,.devicon-raspberrypi-plain-wordmark.colored,.devicon-raspberrypi-line.colored,.devicon-raspberrypi-line-wordmark.colored{color:#c51850}.devicon-reach-plain.colored{color:#6ac6e7}.devicon-react-original.colored,.devicon-react-original-wordmark.colored,.devicon-react-plain.colored,.devicon-react-plain-wordmark.colored{color:#61dafb}.devicon-reactbootstrap-original.colored,.devicon-reactbootstrap-plain.colored{color:#41e0fd}.devicon-reactnative-original.colored,.devicon-reactnative-original-wordmark.colored{color:#61dafb}.devicon-reactnavigation-original.colored,.devicon-reactnavigation-plain.colored{color:#7b61c1}.devicon-reactrouter-plain.colored,.devicon-reactrouter-plain-wordmark.colored{color:#f44250}.devicon-readthedocs-original.colored,.devicon-readthedocs-original-wordmark.colored,.devicon-readthedocs-line.colored,.devicon-readthedocs-plain.colored,.devicon-readthedocs-plain-wordmark.colored{color:#32322a}.devicon-realm-plain.colored,.devicon-realm-plain-wordmark.colored{color:#6e60f9}.devicon-rect-plain.colored{color:#262626}.devicon-redhat-plain.colored,.devicon-redhat-plain-wordmark.colored{color:#e93442}.devicon-redis-plain.colored,.devicon-redis-plain-wordmark.colored{color:#d82c20}.devicon-redux-original.colored,.devicon-redux-plain.colored{color:#764abc}.devicon-reflex-plain.colored,.devicon-reflex-plain-wordmark.colored{color:#664ec6}.devicon-remix-original.colored,.devicon-remix-original-wordmark.colored,.devicon-remix-line.colored,.devicon-remix-line-wordmark.colored,.devicon-remix-plain.colored,.devicon-remix-plain-wordmark.colored{color:#121212}.devicon-renpy-plain.colored{color:#ff7f7f}.devicon-replit-original.colored,.devicon-replit-plain-wordmark.colored,.devicon-replit-plain.colored{color:#f26207}.devicon-rexx-plain.colored,.devicon-rexx-plain-wordmark.colored{color:#d81511}.devicon-rider-plain.colored,.devicon-rider-plain-wordmark.colored{color:#dd1265}.devicon-rocksdb-plain.colored,.devicon-rocksdb-line.colored{color:#ffbe00}.devicon-rockylinux-original.colored,.devicon-rockylinux-plain-wordmark.colored,.devicon-rockylinux-plain.colored{color:#10b982}.devicon-rollup-plain.colored,.devicon-rollup-plain-wordmark.colored,.devicon-rollup-line.colored,.devicon-rollup-line-wordmark.colored{color:#f33}.devicon-ros-original.colored,.devicon-ros-original-wordmark.colored{color:#21304c}.devicon-rspec-plain.colored,.devicon-rspec-plain-wordmark.colored,.devicon-rspec-line.colored,.devicon-rspec-line-wordmark.colored{color:#6de1fa}.devicon-rstudio-plain.colored{color:#75aadb}.devicon-ruby-plain.colored,.devicon-ruby-plain-wordmark.colored{color:#d91404}.devicon-rubymine-plain.colored,.devicon-rubymine-plain-wordmark.colored{color:#fc801d}.devicon-rust-original.colored,.devicon-rust-line.colored,.devicon-rust-plain.colored{color:#000}.devicon-rxjs-plain.colored{color:#df1c85}.devicon-safari-plain.colored,.devicon-safari-plain-wordmark.colored,.devicon-safari-line-wordmark.colored,.devicon-safari-line.colored{color:#1b88ca}.devicon-salesforce-plain.colored{color:#00a1e0}.devicon-sanity-plain.colored{color:#f03e2f}.devicon-sass-original.colored,.devicon-sass-plain.colored{color:#c69}.devicon-scala-plain.colored,.devicon-scala-plain-wordmark.colored{color:#de3423}.devicon-scalingo-plain.colored,.devicon-scalingo-plain-wordmark.colored,.devicon-scalingo-line.colored,.devicon-scalingo-line-wordmark.colored{color:#173aee}.devicon-scikitlearn-plain.colored,.devicon-scikitlearn-line.colored,.devicon-scikitlearn-original-wordmark.colored,.devicon-scikitlearn-plain-wordmark.colored,.devicon-scikitlearn-line-wordmark.colored{color:#f89939}.devicon-sdl-plain.colored{color:#173354}.devicon-selenium-original.colored,.devicon-selenium-plain.colored{color:#cf0a2c}.devicon-sema-original.colored,.devicon-sema-original-wordmark.colored,.devicon-sema-plain.colored,.devicon-sema-plain-wordmark.colored{color:#000}.devicon-sentry-original.colored,.devicon-sentry-original-wordmark.colored,.devicon-sentry-plain.colored,.devicon-sentry-plain-wordmark.colored{color:#362d59}.devicon-sequelize-plain.colored,.devicon-sequelize-plain-wordmark.colored{color:#3b4b72}.devicon-shopware-original.colored,.devicon-shopware-original-wordmark.colored{color:#179eff}.devicon-shotgrid-plain.colored,.devicon-shotgrid-original-wordmark.colored,.devicon-shotgrid-plain-wordmark.colored{color:#000}.devicon-sketch-plain.colored,.devicon-sketch-plain-wordmark.colored,.devicon-sketch-line.colored,.devicon-sketch-line-wordmark.colored{color:#fdad00}.devicon-slack-plain.colored,.devicon-slack-plain-wordmark.colored{color:#2d333a}.devicon-socketio-original.colored,.devicon-socketio-original-wordmark.colored,.devicon-socketio-plain.colored,.devicon-socketio-plain-wordmark.colored{color:#010101}.devicon-solidity-plain.colored{color:#383838}.devicon-solidjs-plain.colored,.devicon-solidjs-plain-wordmark.colored{color:#2c4f7c}.devicon-sonarqube-original.colored,.devicon-sonarqube-plain-wordmark.colored,.devicon-sonarqube-line.colored,.devicon-sonarqube-line-wordmark.colored,.devicon-sonarqube-plain.colored{color:#549dd0}.devicon-sourceengine-plain.colored,.devicon-sourceengine-plain-wordmark.colored{color:#f79a10}.devicon-sourcetree-original.colored,.devicon-sourcetree-original-wordmark.colored,.devicon-sourcetree-plain.colored,.devicon-sourcetree-plain-wordmark.colored{color:#205081}.devicon-spack-plain.colored{color:#0f3a80}.devicon-spicedb-plain.colored,.devicon-spicedb-line.colored{color:#fb5b62}.devicon-splunk-original-wordmark.colored,.devicon-splunk-plain-wordmark.colored{color:#0c1724}.devicon-spring-original.colored,.devicon-spring-original-wordmark.colored,.devicon-spring-plain.colored,.devicon-spring-plain-wordmark.colored{color:#5fb832}.devicon-spss-plain.colored{color:#cc1e4c}.devicon-spyder-plain.colored,.devicon-spyder-plain-wordmark.colored{color:#8c0000}.devicon-sqlalchemy-plain.colored,.devicon-sqlalchemy-plain-wordmark.colored{color:#333}.devicon-sqldeveloper-plain.colored{color:#adadad}.devicon-sqlite-plain.colored,.devicon-sqlite-plain-wordmark.colored{color:#0f80cc}.devicon-ssh-original.colored,.devicon-ssh-original-wordmark.colored,.devicon-ssh-plain.colored,.devicon-ssh-plain-wordmark.colored{color:#231f20}.devicon-stackblitz-original.colored,.devicon-stackblitz-plain-wordmark.colored,.devicon-stackblitz-line.colored,.devicon-stackblitz-line-wordmark.colored,.devicon-stackblitz-plain.colored{color:#1389fd}.devicon-stackoverflow-plain.colored,.devicon-stackoverflow-plain-wordmark.colored,.devicon-stackoverflow-line.colored,.devicon-stackoverflow-line-wordmark.colored{color:#f58025}.devicon-stata-original-wordmark.colored,.devicon-stata-plain-wordmark.colored{color:#195f92}.devicon-stenciljs-plain.colored,.devicon-stenciljs-plain-wordmark.colored{color:#000}.devicon-storybook-plain.colored,.devicon-storybook-plain-wordmark.colored{color:#ff4785}.devicon-streamlit-plain.colored,.devicon-streamlit-plain-wordmark.colored{color:#7d353b}.devicon-styledcomponents-plain.colored,.devicon-styledcomponents-plain-wordmark.colored{color:#d268a7}.devicon-stylus-original.colored{color:#333}.devicon-subversion-original.colored,.devicon-subversion-plain-wordmark.colored,.devicon-subversion-plain.colored{color:#809cc8}.devicon-sulu-original.colored,.devicon-sulu-original-wordmark.colored,.devicon-sulu-line.colored,.devicon-sulu-line-wordmark.colored,.devicon-sulu-plain.colored,.devicon-sulu-plain-wordmark.colored{color:#112a46}.devicon-supabase-plain.colored,.devicon-supabase-plain-wordmark.colored{color:#3ecf8e}.devicon-surrealdb-plain.colored,.devicon-surrealdb-plain-wordmark.colored{color:#c900d1}.devicon-svelte-plain.colored,.devicon-svelte-plain-wordmark.colored{color:#ff3e00}.devicon-svgo-plain.colored,.devicon-svgo-plain-wordmark.colored,.devicon-svgo-line.colored,.devicon-svgo-line-wordmark.colored{color:#fff}.devicon-swagger-plain.colored,.devicon-swagger-plain-wordmark.colored{color:#85ea2d}.devicon-swift-plain.colored,.devicon-swift-plain-wordmark.colored{color:#f05138}.devicon-swiper-original.colored,.devicon-swiper-plain.colored{color:#0080ff}.devicon-symfony-original.colored,.devicon-symfony-original-wordmark.colored,.devicon-symfony-plain.colored,.devicon-symfony-plain-wordmark.colored{color:#1a171b}.devicon-tailwindcss-original.colored,.devicon-tailwindcss-plain-wordmark.colored,.devicon-tailwindcss-plain.colored{color:#38bdf8}.devicon-talos-plain.colored{color:#f92a20}.devicon-tauri-plain.colored,.devicon-tauri-plain-wordmark.colored{color:#ffc131}.devicon-teleport-original.colored,.devicon-teleport-original-wordmark.colored,.devicon-teleport-line.colored,.devicon-teleport-line-wordmark.colored,.devicon-teleport-plain.colored,.devicon-teleport-plain-wordmark.colored{color:#512fc9}.devicon-tensorflow-original.colored,.devicon-tensorflow-original-wordmark.colored,.devicon-tensorflow-line.colored,.devicon-tensorflow-line-wordmark.colored{color:#ff6f00}.devicon-terraform-plain.colored,.devicon-terraform-plain-wordmark.colored{color:#5c4ee5}.devicon-terramate-original.colored,.devicon-terramate-original-wordmark.colored,.devicon-terramate-plain.colored,.devicon-terramate-plain-wordmark.colored{color:#fff}.devicon-tex-original.colored,.devicon-tex-original-wordmark.colored,.devicon-tex-plain.colored,.devicon-tex-plain-wordmark.colored{color:#000}.devicon-thealgorithms-plain.colored,.devicon-thealgorithms-plain-wordmark.colored{color:#00bcb4}.devicon-threedsmax-plain.colored,.devicon-threedsmax-original-wordmark.colored,.devicon-threedsmax-plain-wordmark.colored{color:#37a5cc}.devicon-threejs-original.colored,.devicon-threejs-original-wordmark.colored{color:#000}.devicon-thymeleaf-plain.colored,.devicon-thymeleaf-plain-wordmark.colored{color:#005f0f}.devicon-titaniumsdk-original.colored,.devicon-titaniumsdk-plain.colored{color:#bd222b}.devicon-tmux-plain.colored,.devicon-tmux-plain-wordmark.colored{color:#1bb91f}.devicon-tomcat-line.colored,.devicon-tomcat-line-wordmark.colored{color:#d1a41a}.devicon-tortoisegit-plain.colored,.devicon-tortoisegit-line.colored{color:#4b8eb4}.devicon-towergit-plain.colored,.devicon-towergit-plain-wordmark.colored{color:#d18900}.devicon-traefikmesh-original.colored,.devicon-traefikmesh-plain-wordmark.colored,.devicon-traefikmesh-line.colored,.devicon-traefikmesh-line-wordmark.colored,.devicon-traefikmesh-plain.colored{color:#9d0fb0}.devicon-traefikproxy-original.colored,.devicon-traefikproxy-plain-wordmark.colored,.devicon-traefikproxy-line.colored,.devicon-traefikproxy-line-wordmark.colored,.devicon-traefikproxy-plain.colored{color:#24a1c1}.devicon-travis-plain.colored,.devicon-travis-plain-wordmark.colored,.devicon-travis-line.colored,.devicon-travis-line-wordmark.colored{color:#2d3136}.devicon-trello-plain.colored,.devicon-trello-plain-wordmark.colored,.devicon-trello-line.colored,.devicon-trello-line-wordmark.colored{color:#0052cc}.devicon-trpc-plain.colored,.devicon-trpc-plain-wordmark.colored{color:#398ccb}.devicon-turbo-original.colored,.devicon-turbo-plain-wordmark.colored,.devicon-turbo-plain.colored{color:#5cd8e5}.devicon-twilio-original.colored,.devicon-twilio-original-wordmark.colored,.devicon-twilio-plain.colored,.devicon-twilio-plain-wordmark.colored{color:#f22f46}.devicon-twitter-original.colored,.devicon-twitter-plain.colored{color:#000}.devicon-typescript-plain.colored,.devicon-typescript-original.colored{color:#007acc}.devicon-typo3-original.colored,.devicon-typo3-plain-wordmark.colored,.devicon-typo3-line.colored,.devicon-typo3-line-wordmark.colored,.devicon-typo3-plain.colored{color:#f49700}.devicon-ubuntu-plain.colored,.devicon-ubuntu-plain-wordmark.colored{color:#e95420}.devicon-unifiedmodelinglanguage-plain.colored,.devicon-unifiedmodelinglanguage-plain-wordmark.colored{color:#452e7f}.devicon-unity-plain.colored,.devicon-unity-plain-wordmark.colored,.devicon-unity-line.colored,.devicon-unity-line-wordmark.colored{color:#4d4d4d}.devicon-unix-original.colored{color:#4051b5}.devicon-unrealengine-original.colored,.devicon-unrealengine-original-wordmark.colored,.devicon-unrealengine-plain.colored,.devicon-unrealengine-plain-wordmark.colored{color:#000}.devicon-uwsgi-plain.colored{color:#bad05e}.devicon-v8-plain.colored,.devicon-v8-original-wordmark.colored,.devicon-v8-plain-wordmark.colored{color:#00c4cc}.devicon-vaadin-original.colored,.devicon-vaadin-plain.colored{color:#00b4f0}.devicon-vagrant-plain.colored,.devicon-vagrant-plain-wordmark.colored{color:#127eff}.devicon-vala-plain.colored,.devicon-vala-plain-wordmark.colored{color:#a56de2}.devicon-vault-original.colored,.devicon-vault-plain-wordmark.colored,.devicon-vault-plain.colored{color:#ffd814}.devicon-veevalidate-original.colored,.devicon-veevalidate-line.colored,.devicon-veevalidate-plain.colored{color:#04c971}.devicon-vercel-original.colored,.devicon-vercel-original-wordmark.colored,.devicon-vercel-line.colored,.devicon-vercel-line-wordmark.colored,.devicon-vercel-plain.colored,.devicon-vercel-plain-wordmark.colored{color:#000}.devicon-vertx-plain.colored,.devicon-vertx-plain-wordmark.colored,.devicon-vertx-line.colored,.devicon-vertx-line-wordmark.colored{color:#782a91}.devicon-vim-plain.colored{color:#179a33}.devicon-visualbasic-plain.colored,.devicon-visualbasic-line.colored{color:#004e8c}.devicon-visualstudio-plain.colored,.devicon-visualstudio-line.colored{color:#52218a}.devicon-vite-original.colored,.devicon-vite-original-wordmark.colored,.devicon-vite-plain.colored,.devicon-vite-plain-wordmark.colored{color:#006bff}.devicon-vitejs-plain.colored{color:#ffdd35}.devicon-vitess-plain.colored,.devicon-vitess-plain-wordmark.colored{color:#f16827}.devicon-vitest-plain.colored{color:#fcc72b}.devicon-vscode-plain.colored,.devicon-vscode-plain-wordmark.colored{color:#3c99d4}.devicon-vscodium-plain.colored{color:#3c99d4}.devicon-vsphere-plain.colored,.devicon-vsphere-plain-wordmark.colored,.devicon-vsphere-line.colored,.devicon-vsphere-line-wordmark.colored{color:#0091da}.devicon-vuejs-plain.colored,.devicon-vuejs-plain-wordmark.colored,.devicon-vuejs-line.colored,.devicon-vuejs-line-wordmark.colored{color:#41b883}.devicon-vuestorefront-plain.colored{color:#5ecf7b}.devicon-vuetify-line.colored,.devicon-vuetify-plain.colored{color:#1697f6}.devicon-vulkan-original.colored,.devicon-vulkan-line.colored,.devicon-vulkan-original-wordmark.colored,.devicon-vulkan-plain.colored,.devicon-vulkan-plain-wordmark.colored,.devicon-vulkan-line-wordmark.colored{color:#ac162c}.devicon-vyper-original.colored,.devicon-vyper-original-wordmark.colored,.devicon-vyper-plain.colored,.devicon-vyper-plain-wordmark.colored{color:#9f4cf2}.devicon-waku-plain.colored,.devicon-waku-line.colored{color:#dd2e44}.devicon-wasm-original.colored,.devicon-wasm-plain-wordmark.colored,.devicon-wasm-plain.colored{color:#654ff0}.devicon-web3js-plain.colored{color:#f16822}.devicon-webflow-original.colored{color:#4353ff}.devicon-webgpu-plain.colored,.devicon-webgpu-plain-wordmark.colored,.devicon-webgpu-line.colored,.devicon-webgpu-line-wordmark.colored{color:#005a9c}.devicon-weblate-plain.colored,.devicon-weblate-plain-wordmark.colored{color:#2eccaa}.devicon-webpack-plain.colored,.devicon-webpack-plain-wordmark.colored{color:#1c78c0}.devicon-webstorm-plain.colored,.devicon-webstorm-plain-wordmark.colored{color:#07c3f2}.devicon-windows11-original.colored,.devicon-windows11-original-wordmark.colored,.devicon-windows11-plain.colored,.devicon-windows11-plain-wordmark.colored{color:#0078d4}.devicon-windows8-original.colored,.devicon-windows8-original-wordmark.colored,.devicon-windows8-plain.colored,.devicon-windows8-plain-wordmark.colored{color:#00adef}.devicon-wolfram-plain.colored,.devicon-wolfram-plain-wordmark.colored{color:#d10}.devicon-woocommerce-plain.colored,.devicon-woocommerce-plain-wordmark.colored{color:#7f54b3}.devicon-wordpress-plain.colored,.devicon-wordpress-plain-wordmark.colored{color:#494949}.devicon-xamarin-original.colored,.devicon-xamarin-original-wordmark.colored,.devicon-xamarin-plain.colored,.devicon-xamarin-plain-wordmark.colored{color:#3498db}.devicon-xcode-plain.colored{color:#069cec}.devicon-xd-plain.colored,.devicon-xd-line.colored{color:#470137}.devicon-xml-plain.colored,.devicon-xml-line.colored,.devicon-xml-original-wordmark.colored,.devicon-xml-plain-wordmark.colored,.devicon-xml-line-wordmark.colored{color:#005fad}.devicon-yaml-plain.colored,.devicon-yaml-original-wordmark.colored,.devicon-yaml-plain-wordmark.colored{color:#cb171e}.devicon-yarn-original.colored,.devicon-yarn-original-wordmark.colored,.devicon-yarn-line.colored,.devicon-yarn-line-wordmark.colored,.devicon-yarn-plain.colored,.devicon-yarn-plain-wordmark.colored{color:#2c8ebb}.devicon-yii-plain.colored,.devicon-yii-plain-wordmark.colored{color:#40b3d8}.devicon-yugabytedb-plain.colored,.devicon-yugabytedb-plain-wordmark.colored{color:#ff5f3b}.devicon-yunohost-plain.colored{color:#fff}.devicon-zend-original.colored,.devicon-zend-original-wordmark.colored,.devicon-zend-line.colored,.devicon-zend-line-wordmark.colored,.devicon-zend-plain.colored,.devicon-zend-plain-wordmark.colored{color:#68b604}.devicon-zig-original.colored,.devicon-zig-plain-wordmark.colored,.devicon-zig-plain.colored{color:#f7a41d}.devicon-zsh-plain.colored,.devicon-zsh-plain-wordmark.colored,.devicon-zsh-line.colored,.devicon-zsh-line-wordmark.colored{color:#000}.devicon-zustand-plain.colored{color:#443e38}

i[data-v-7f0ea00a] {
  display: inline-block;
  line-height: 1;
}
svg[data-v-7f0ea00a] {
  display: inline-block;
  vertical-align: middle;
}

.rich-inline[data-v-147a52f2] {
  /* inherit surrounding text; code/a/strong styling comes from global style.css */
}
.rich-inline em[data-v-147a52f2] {
  font-style: italic;
  text-decoration: none;
}
.rich-inline mark[data-v-147a52f2] {
  padding: 0 2px;
  background: #fff200;
  color: inherit;
}
.rich-inline__blue[data-v-147a52f2] {
  display: inline;
  padding: 0 3px;
  background: #00d7df;
  color: #071013;
}

.guide-content-blocks[data-v-b8538ad3] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.guide-subtitle[data-v-b8538ad3] {
  margin: 24px 0 12px;
  color: #30353a;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
.guide-paragraph[data-v-b8538ad3] {
  margin: 0;
  color: #444e57;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.62;
}
.guide-content-blocks[data-v-b8538ad3] strong {
  color: #30353a;
  font-weight: 600;
}
.guide-content-blocks[data-v-b8538ad3] a {
  color: #1d4ed8;
  font-weight: 500;
}
.guide-content-blocks[data-v-b8538ad3] a:hover {
  color: #1e40af;
}
.guide-content-blocks[data-v-b8538ad3] code {
  font-weight: 400;
}
.guide-list[data-v-b8538ad3] {
  margin: 0 0 2px;
  padding-left: 26px;
}
ol.guide-list[data-v-b8538ad3] {
  list-style: decimal;
}
ul.guide-list[data-v-b8538ad3] {
  list-style: disc;
}
.guide-list li[data-v-b8538ad3] {
  margin-bottom: 7px;
  padding-left: 2px;
  color: #444e57;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.62;
}
.guide-list li[data-v-b8538ad3]:last-child {
  margin-bottom: 0;
}
ul.guide-list li[data-v-b8538ad3]::marker {
  color: #a3adb8;
}
.guide-list--nested[data-v-b8538ad3] {
  margin: 8px 0 0;
  padding-left: 28px;
  list-style: square;
}
.guide-list--nested > li[data-v-b8538ad3] {
  margin-bottom: 7px;
}
.guide-list--nested > li[data-v-b8538ad3]::marker {
  color: #111827;
  font-size: 0.8em;
}
.guide-list-item-blocks[data-v-b8538ad3] {
  margin-top: 10px;
}
.guide-list-item-blocks[data-v-b8538ad3] .guide-expandable-list--nested {
  margin-left: 18px;
  max-width: calc(100% - 18px);
}
.guide-document-list[data-v-b8538ad3] {
  margin: 0 0 2px;
  padding-left: 28px;
  list-style: disc;
}
.guide-document-list > li[data-v-b8538ad3] {
  margin-bottom: 8px;
  padding-left: 4px;
  color: #1f2933;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.75;
}
.guide-document-list > li[data-v-b8538ad3]:last-child {
  margin-bottom: 0;
}
.guide-document-list > li[data-v-b8538ad3]::marker {
  color: #111827;
  font-size: 1.18em;
}
.guide-document-sublist[data-v-b8538ad3] {
  margin: 5px 0 0;
  padding-left: 0;
  list-style: none;
}
.guide-document-sublist > li[data-v-b8538ad3] {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 8px;
  margin: 4px 0;
  line-height: 1.75;
}
.guide-document-sublist__marker[data-v-b8538ad3] {
  color: #111827;
  font-weight: 500;
}
.guide-expandable-list[data-v-b8538ad3] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 2px 0 4px;
}
.guide-expandable-list--nested[data-v-b8538ad3] {
  margin-left: 42px;
  max-width: calc(100% - 42px);
}
.guide-expandable-item[data-v-b8538ad3] {
  overflow: hidden;
  border: 1px solid #dde3ea;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
.guide-expandable-item__summary[data-v-b8538ad3] {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 40px;
  padding: 9px 14px;
  cursor: pointer;
  color: #343b43;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  list-style: none;
  transition: background 0.15s ease, color 0.15s ease;
}
.guide-expandable-item__summary[data-v-b8538ad3]::-webkit-details-marker {
  display: none;
}
.guide-expandable-item__summary[data-v-b8538ad3]:hover {
  background: #f8fafc;
  color: #202833;
}
.guide-expandable-item__chevron[data-v-b8538ad3] {
  width: 10px;
  height: 10px;
  flex: 0 0 auto;
  border-right: 2px solid #64727f;
  border-bottom: 2px solid #64727f;
  transform: rotate(-45deg);
  transition: transform 0.18s ease, border-color 0.15s ease;
}
.guide-expandable-item[open] .guide-expandable-item__chevron[data-v-b8538ad3] {
  transform: rotate(45deg);
}
.guide-expandable-item__summary:hover .guide-expandable-item__chevron[data-v-b8538ad3] {
  border-color: #303942;
}
.guide-expandable-item__body[data-v-b8538ad3] {
  border-top: 1px solid #e5eaf0;
  background: #fbfcfe;
  padding: 14px 18px 16px 40px;
}
.guide-expandable-item__body p[data-v-b8538ad3] {
  margin: 0;
  color: #4b5563;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.62;
}
@media (max-width: 720px) {
.guide-expandable-list--nested[data-v-b8538ad3] {
    margin-left: 24px;
    max-width: calc(100% - 24px);
}
}
.guide-image-block[data-v-b8538ad3] {
  margin: 30px 0 34px;
  text-align: center;
}
.guide-image-button[data-v-b8538ad3] {
  display: inline-flex;
  max-width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: zoom-in;
}
.guide-image-button img[data-v-b8538ad3] {
  display: block;
  max-width: min(100%, 980px);
  max-height: none;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: transform 0.18s ease, filter 0.18s ease;
}
.guide-image-block--flow .guide-image-button img[data-v-b8538ad3] {
  max-width: min(100%, 620px);
  max-height: 620px;
}
.guide-image-button:hover img[data-v-b8538ad3],
.guide-image-button:focus-visible img[data-v-b8538ad3] {
  filter: drop-shadow(0 10px 18px rgba(15, 23, 42, 0.16));
  transform: translateY(-1px);
}
.guide-image-button[data-v-b8538ad3]:focus-visible {
  outline: 3px solid rgba(41, 84, 255, 0.34);
  outline-offset: 8px;
}
.guide-image-preview[data-v-b8538ad3] {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 36px;
  background: rgba(15, 23, 42, 0.78);
  backdrop-filter: blur(6px);
}
.guide-image-preview img[data-v-b8538ad3] {
  display: block;
  max-width: min(1180px, calc(100vw - 72px));
  max-height: calc(100vh - 72px);
  width: auto;
  height: auto;
  object-fit: contain;
  background: #fff;
}
.guide-image-preview__close[data-v-b8538ad3] {
  position: fixed;
  top: 20px;
  right: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  background: rgba(15, 23, 42, 0.62);
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  font-weight: 800;
  line-height: 1;
}
.guide-image-preview__close[data-v-b8538ad3]:hover,
.guide-image-preview__close[data-v-b8538ad3]:focus-visible {
  background: rgba(15, 23, 42, 0.88);
}
.guide-code[data-v-b8538ad3] {
  margin: 10px 0 4px;
  overflow: hidden;
  border: 1px solid #d8dee6;
  border-radius: 14px;
  background: #f3f5f7;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}
.guide-code__head[data-v-b8538ad3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0px 16px;
  border-bottom: 1px solid #d8dee6;
  background: #eceff3;
}
.guide-code__head--stacked[data-v-b8538ad3] {
  padding-bottom: 8px;
}
.guide-code__head--tabs[data-v-b8538ad3] {
  padding: 0 16px 0 0;
  align-items: stretch;
}
.guide-code__head-copy[data-v-b8538ad3] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.guide-code__title[data-v-b8538ad3] {
  color: #3f4a54;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}
.guide-code__lang[data-v-b8538ad3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #dfe5ec;
  color: #5a6572;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
.guide-code__tabs[data-v-b8538ad3] {
  display: flex;
  flex: 1;
  gap: 0;
  overflow-x: auto;
  min-width: 0;
}
.guide-code__tab[data-v-b8538ad3] {
  padding: 10px 14px 9px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #5a6572;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  transition: color 0.12s, border-color 0.12s, background 0.12s;
}
.guide-code__tab[data-v-b8538ad3]:hover {
  color: #30353a;
}
.guide-code__tab.active[data-v-b8538ad3] {
  border-bottom-color: #30353a;
  background: rgba(255, 255, 255, 0.48);
  color: #30353a;
}
.guide-code__body[data-v-b8538ad3] {
  display: flex;
  overflow-x: auto;
  padding: 14px 0;
  background: #f7f8fa;
}
.guide-code__gutter[data-v-b8538ad3] {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0 12px 0 16px;
  border: none;
  text-align: right;
  user-select: none;
}
.guide-code__gutter span[data-v-b8538ad3] {
  color: #a1acb8;
  font-family: var(--mono);
  font-size: 13px;
  line-height: 1.65;
}
.guide-code__source[data-v-b8538ad3] {
  flex: 1;
  margin: 0;
  padding: 0 16px 0 4px;
}
.guide-code__source code[data-v-b8538ad3] {
  padding: 0;
  background: transparent;
  color: #2f3640;
  font-size: 13px;
  line-height: 1.65;
  white-space: pre;
}
.guide-code__line[data-v-b8538ad3] {
  display: block;
  min-height: 1.65em;
}
.guide-code__token--plain[data-v-b8538ad3] {
  color: #2f3640;
}
.guide-code__token--property[data-v-b8538ad3] {
  color: #0f6cbd;
}
.guide-code__token--string[data-v-b8538ad3] {
  color: #b85c00;
}
.guide-code__token--number[data-v-b8538ad3] {
  color: #7a3ec8;
}
.guide-code__token--literal[data-v-b8538ad3] {
  color: #1f7a4d;
}
.guide-code__token--keyword[data-v-b8538ad3] {
  color: #cf222e;
}
.guide-code__token--comment[data-v-b8538ad3] {
  color: #6e7781;
  font-style: italic;
}
.guide-code__token--function[data-v-b8538ad3] {
  color: #8250df;
}
.guide-callout[data-v-b8538ad3] {
  padding: 14px 16px;
  border: 1px solid transparent;
  border-left: 4px solid;
  border-radius: 12px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
  font-size: 15px;
  line-height: 1.62;
}
.guide-callout__title[data-v-b8538ad3] {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 600;
}
.guide-callout__text[data-v-b8538ad3] {
  margin: 0;
}
.guide-callout__items[data-v-b8538ad3] {
  margin: 8px 0 0 0;
  padding-left: 20px;
}
.guide-callout__items li[data-v-b8538ad3] {
  margin-top: 4px;
  line-height: 1.62;
}
.guide-callout--note[data-v-b8538ad3] {
  background: #f4f8ff;
  border-color: #dbe7ff;
  border-left-color: #2563eb;
  color: #1e40af;
}
.guide-callout--warning[data-v-b8538ad3] {
  background: #fffaf0;
  border-color: #fde7bf;
  border-left-color: #d97706;
  color: #92400e;
}
.guide-jump-grid[data-v-b8538ad3] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 16px 0 8px;
  border: 1px solid #d8dee6;
  background: #fff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}
.guide-jump-card[data-v-b8538ad3] {
  display: flex;
  min-height: 320px;
  flex-direction: column;
  gap: 16px;
  padding: 26px 18px 18px;
  border-left: 1px solid #d8dee6;
  color: #444e57 !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: background 0.15s ease, box-shadow 0.15s ease;
}
.guide-jump-card[data-v-b8538ad3]:first-child {
  border-left: 0;
}
.guide-jump-card[data-v-b8538ad3]:hover,
.guide-jump-card[data-v-b8538ad3]:focus-visible {
  background: #fbf9ff;
  box-shadow: inset 0 0 0 1px rgba(109, 40, 217, 0.18);
}
.guide-jump-card[data-v-b8538ad3]:focus-visible {
  outline: 2px solid #6d28d9;
  outline-offset: -2px;
}
.guide-jump-card__title[data-v-b8538ad3] {
  margin: 0;
  color: #30353a;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.62;
}
.guide-jump-card__description[data-v-b8538ad3] {
  margin: 0;
  color: #444e57;
  font-size: 15px;
  line-height: 1.62;
}
.guide-table-wrap[data-v-b8538ad3] {
  margin: 10px 0 4px;
  overflow-x: auto;
  border: 1px solid #e1e6ec;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}
.guide-table[data-v-b8538ad3] {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.guide-table thead[data-v-b8538ad3] {
  background: linear-gradient(180deg, #f8fafc 0%, #f3f6f9 100%);
}
.guide-table th[data-v-b8538ad3] {
  padding: 11px 14px;
  border-bottom: 1px solid #e1e6ec;
  color: #606d78;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.guide-table td[data-v-b8538ad3] {
  padding: 12px 14px;
  border-bottom: 1px solid #edf1f5;
  vertical-align: top;
  color: #444e57;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.guide-table tbody tr[data-v-b8538ad3]:nth-child(odd) {
  background: #ffffff;
}
.guide-table tbody tr[data-v-b8538ad3]:nth-child(even) {
  background: #f3f6f9;
}
.guide-table tbody tr:last-child td[data-v-b8538ad3] {
  border-bottom: none;
}
.guide-table tbody tr[data-v-b8538ad3]:hover {
  background: #f0f4f8;
}
.guide-table-wrap[data-v-b8538ad3] th code {
  font-size: 12px;
}
.guide-table-wrap[data-v-b8538ad3] td code {
  overflow-wrap: anywhere;
}
.guide-table--reference-fields-typed[data-v-b8538ad3] td:nth-child(1) code,
.guide-table--reference-fields-values[data-v-b8538ad3] td:nth-child(1) code,
.guide-table--reference-fields-simple[data-v-b8538ad3] td:nth-child(1) code {
  background: transparent;
  padding: 0;
}
.guide-table--reference-fields-typed td[data-v-b8538ad3]:nth-child(1),
.guide-table--reference-fields-values td[data-v-b8538ad3]:nth-child(1),
.guide-table--reference-fields-simple td[data-v-b8538ad3]:nth-child(1) {
  word-break: break-all;
}
.guide-table-wrap:not(.guide-table-wrap--document):not(.guide-table-wrap--message-structure-5):not(.guide-table-wrap--message-structure):not(.guide-table-wrap--key-usage-summary) .guide-table th[data-v-b8538ad3]:nth-child(1),
.guide-table-wrap:not(.guide-table-wrap--document):not(.guide-table-wrap--message-structure-5):not(.guide-table-wrap--message-structure):not(.guide-table-wrap--key-usage-summary) .guide-table td[data-v-b8538ad3]:nth-child(1) {
  width: 24%;
}
.guide-table-wrap:not(.guide-table-wrap--document):not(.guide-table-wrap--message-structure-5):not(.guide-table-wrap--message-structure):not(.guide-table-wrap--reference-fields-values):not(.guide-table-wrap--key-usage-summary) .guide-table th[data-v-b8538ad3]:nth-child(2),
.guide-table-wrap:not(.guide-table-wrap--document):not(.guide-table-wrap--message-structure-5):not(.guide-table-wrap--message-structure):not(.guide-table-wrap--reference-fields-values):not(.guide-table-wrap--key-usage-summary) .guide-table td[data-v-b8538ad3]:nth-child(2) {
  width: 38%;
}
.guide-table-wrap:not(.guide-table-wrap--document):not(.guide-table-wrap--message-structure-5):not(.guide-table-wrap--message-structure):not(.guide-table-wrap--reference-fields-values):not(.guide-table-wrap--key-usage-summary) .guide-table th[data-v-b8538ad3]:nth-child(3),
.guide-table-wrap:not(.guide-table-wrap--document):not(.guide-table-wrap--message-structure-5):not(.guide-table-wrap--message-structure):not(.guide-table-wrap--reference-fields-values):not(.guide-table-wrap--key-usage-summary) .guide-table td[data-v-b8538ad3]:nth-child(3) {
  width: 38%;
}
.guide-table-wrap:not(.guide-table-wrap--document):not(.guide-table-wrap--message-structure-5):not(.guide-table-wrap--message-structure):not(.guide-table-wrap--key-usage-summary) .guide-table:has(th:nth-child(4)) th[data-v-b8538ad3]:nth-child(1),
.guide-table-wrap:not(.guide-table-wrap--document):not(.guide-table-wrap--message-structure-5):not(.guide-table-wrap--message-structure):not(.guide-table-wrap--key-usage-summary) .guide-table:has(th:nth-child(4)) td[data-v-b8538ad3]:nth-child(1) {
  width: 16%;
}
.guide-table-wrap:not(.guide-table-wrap--document):not(.guide-table-wrap--message-structure-5):not(.guide-table-wrap--message-structure):not(.guide-table-wrap--key-usage-summary) .guide-table:has(th:nth-child(4)) th[data-v-b8538ad3]:nth-child(2),
.guide-table-wrap:not(.guide-table-wrap--document):not(.guide-table-wrap--message-structure-5):not(.guide-table-wrap--message-structure):not(.guide-table-wrap--key-usage-summary) .guide-table:has(th:nth-child(4)) td[data-v-b8538ad3]:nth-child(2) {
  width: 22%;
}
.guide-table-wrap:not(.guide-table-wrap--document):not(.guide-table-wrap--message-structure-5):not(.guide-table-wrap--message-structure):not(.guide-table-wrap--key-usage-summary) .guide-table:has(th:nth-child(4)) th[data-v-b8538ad3]:nth-child(3),
.guide-table-wrap:not(.guide-table-wrap--document):not(.guide-table-wrap--message-structure-5):not(.guide-table-wrap--message-structure):not(.guide-table-wrap--key-usage-summary) .guide-table:has(th:nth-child(4)) td[data-v-b8538ad3]:nth-child(3) {
  width: 31%;
}
.guide-table-wrap:not(.guide-table-wrap--document):not(.guide-table-wrap--message-structure-5):not(.guide-table-wrap--message-structure):not(.guide-table-wrap--key-usage-summary) .guide-table:has(th:nth-child(4)) th[data-v-b8538ad3]:nth-child(4),
.guide-table-wrap:not(.guide-table-wrap--document):not(.guide-table-wrap--message-structure-5):not(.guide-table-wrap--message-structure):not(.guide-table-wrap--key-usage-summary) .guide-table:has(th:nth-child(4)) td[data-v-b8538ad3]:nth-child(4) {
  width: 31%;
}
.guide-table-wrap--key-usage-summary .guide-table th[data-v-b8538ad3]:nth-child(1),
.guide-table-wrap--key-usage-summary .guide-table td[data-v-b8538ad3]:nth-child(1) {
  width: 28%;
}
.guide-table-wrap--key-usage-summary .guide-table th[data-v-b8538ad3]:nth-child(2),
.guide-table-wrap--key-usage-summary .guide-table td[data-v-b8538ad3]:nth-child(2) {
  width: 20%;
}
.guide-table-wrap--key-usage-summary .guide-table th[data-v-b8538ad3]:nth-child(3),
.guide-table-wrap--key-usage-summary .guide-table td[data-v-b8538ad3]:nth-child(3) {
  width: 20%;
}
.guide-table-wrap--key-usage-summary .guide-table th[data-v-b8538ad3]:nth-child(4),
.guide-table-wrap--key-usage-summary .guide-table td[data-v-b8538ad3]:nth-child(4) {
  width: 32%;
}
.guide-table--reference-fields-typed th[data-v-b8538ad3]:nth-child(1),
.guide-table--reference-fields-typed td[data-v-b8538ad3]:nth-child(1),
.guide-table--reference-fields-values th[data-v-b8538ad3]:nth-child(1),
.guide-table--reference-fields-values td[data-v-b8538ad3]:nth-child(1) {
  width: 26%;
}
.guide-table--reference-fields-typed th[data-v-b8538ad3]:nth-child(2),
.guide-table--reference-fields-typed td[data-v-b8538ad3]:nth-child(2) {
  width: 14%;
}
.guide-table--reference-fields-typed th[data-v-b8538ad3]:nth-child(3),
.guide-table--reference-fields-typed td[data-v-b8538ad3]:nth-child(3) {
  width: 60%;
}
.guide-table--reference-fields-values th[data-v-b8538ad3]:nth-child(2),
.guide-table--reference-fields-values td[data-v-b8538ad3]:nth-child(2) {
  width: 46%;
}
.guide-table--reference-fields-values th[data-v-b8538ad3]:nth-child(3),
.guide-table--reference-fields-values td[data-v-b8538ad3]:nth-child(3) {
  width: 28%;
}
.guide-table--reference-fields-values th[data-v-b8538ad3]:nth-child(3),
.guide-table--reference-fields-values td[data-v-b8538ad3]:nth-child(3) {
  width: 28%;
}
.guide-table--reference-fields-simple th[data-v-b8538ad3]:nth-child(1),
.guide-table--reference-fields-simple td[data-v-b8538ad3]:nth-child(1) {
  width: 34%;
}
.guide-table--reference-fields-simple th[data-v-b8538ad3]:nth-child(2),
.guide-table--reference-fields-simple td[data-v-b8538ad3]:nth-child(2) {
  width: 66%;
}
.guide-table--message-structure th[data-v-b8538ad3] {
  padding: 8px 12px;
}
.guide-table--message-structure td[data-v-b8538ad3] {
  padding: 8px 12px;
  line-height: 1.45;
}
.guide-table--message-structure th[data-v-b8538ad3]:nth-child(1),
.guide-table--message-structure td[data-v-b8538ad3]:nth-child(1) {
  width: 20%;
}
.guide-table--message-structure th[data-v-b8538ad3]:nth-child(2),
.guide-table--message-structure td[data-v-b8538ad3]:nth-child(2) {
  width: 14%;
}
.guide-table--message-structure th[data-v-b8538ad3]:nth-child(3),
.guide-table--message-structure td[data-v-b8538ad3]:nth-child(3) {
  width: 9%;
}
.guide-table--message-structure th[data-v-b8538ad3]:nth-child(4),
.guide-table--message-structure td[data-v-b8538ad3]:nth-child(4) {
  width: 10%;
}
.guide-table--message-structure th[data-v-b8538ad3]:nth-child(5),
.guide-table--message-structure td[data-v-b8538ad3]:nth-child(5) {
  width: 8%;
}
.guide-table--message-structure th[data-v-b8538ad3]:nth-child(6),
.guide-table--message-structure td[data-v-b8538ad3]:nth-child(6) {
  width: 39%;
}
.guide-table--message-structure-5 th[data-v-b8538ad3] {
  padding: 8px 12px;
}
.guide-table--message-structure-5 td[data-v-b8538ad3] {
  padding: 8px 12px;
  line-height: 1.45;
}
.guide-table-wrap--message-structure-5 .guide-table--message-structure-5 th[data-v-b8538ad3]:nth-child(1),
.guide-table-wrap--message-structure-5 .guide-table--message-structure-5 td[data-v-b8538ad3]:nth-child(1) {
  width: 20%;
}
.guide-table-wrap--message-structure-5 .guide-table--message-structure-5 th[data-v-b8538ad3]:nth-child(2),
.guide-table-wrap--message-structure-5 .guide-table--message-structure-5 td[data-v-b8538ad3]:nth-child(2) {
  width: 15%;
}
.guide-table-wrap--message-structure-5 .guide-table--message-structure-5 th[data-v-b8538ad3]:nth-child(3),
.guide-table-wrap--message-structure-5 .guide-table--message-structure-5 td[data-v-b8538ad3]:nth-child(3) {
  width: 10%;
}
.guide-table-wrap--message-structure-5 .guide-table--message-structure-5 th[data-v-b8538ad3]:nth-child(4),
.guide-table-wrap--message-structure-5 .guide-table--message-structure-5 td[data-v-b8538ad3]:nth-child(4) {
  width: 15%;
}
.guide-table-wrap--message-structure-5 .guide-table--message-structure-5 th[data-v-b8538ad3]:nth-child(5),
.guide-table-wrap--message-structure-5 .guide-table--message-structure-5 td[data-v-b8538ad3]:nth-child(5) {
  width: 40%;
}
.guide-table-wrap--business-operation[data-v-b8538ad3] {
  margin: 12px 0 18px;
  border: 1px solid #dde2e8;
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
}
.guide-table--business-operation[data-v-b8538ad3] {
  border-collapse: collapse;
  table-layout: fixed;
}
.guide-table--business-operation thead[data-v-b8538ad3] {
  background: #f7f8fa;
}
.guide-table--business-operation th[data-v-b8538ad3],
.guide-table--business-operation td[data-v-b8538ad3] {
  border-right: 1px solid #dde2e8;
  border-bottom: 1px solid #dde2e8;
  color: #30353a;
  text-transform: none;
}
.guide-table--business-operation th[data-v-b8538ad3]:last-child,
.guide-table--business-operation td[data-v-b8538ad3]:last-child {
  border-right: none;
}
.guide-table--business-operation th[data-v-b8538ad3] {
  padding: 12px 18px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0;
}
.guide-table--business-operation td[data-v-b8538ad3] {
  padding: 14px 18px;
  background: #ffffff;
  font-size: 15px;
  line-height: 1.55;
}
.guide-table--business-operation tbody tr[data-v-b8538ad3]:nth-child(odd),
.guide-table--business-operation tbody tr[data-v-b8538ad3]:nth-child(even) {
  background: #ffffff;
}
.guide-table--business-operation tbody tr[data-v-b8538ad3]:hover {
  background: #fafbfc;
}
.guide-table-wrap--business-operation .guide-table--business-operation.guide-table th[data-v-b8538ad3]:nth-child(1),
.guide-table-wrap--business-operation .guide-table--business-operation.guide-table td[data-v-b8538ad3]:nth-child(1) {
  width: 26%;
}
.guide-table-wrap--business-operation .guide-table--business-operation.guide-table th[data-v-b8538ad3]:nth-child(2),
.guide-table-wrap--business-operation .guide-table--business-operation.guide-table td[data-v-b8538ad3]:nth-child(2) {
  width: 74%;
}
.guide-table--business-operation[data-v-b8538ad3] td code {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;
  background: #f1f3f4;
  color: #30353a;
  font-family: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
  font-size: 13.5px;
  line-height: 1.45;
}
.guide-table-wrap--document[data-v-b8538ad3] {
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.guide-table--document[data-v-b8538ad3] {
  border: 1px solid #1f2933;
  border-collapse: collapse;
}
.guide-table--document thead[data-v-b8538ad3] {
  background: #e9e9e9;
}
.guide-table--document th[data-v-b8538ad3],
.guide-table--document td[data-v-b8538ad3] {
  border: 1px solid #1f2933;
  color: #111827;
  font-size: 15px;
  line-height: 1.6;
  text-transform: none;
}
.guide-table--document th[data-v-b8538ad3] {
  padding: 9px 14px;
  font-weight: 700;
  letter-spacing: 0;
}
.guide-table--document td[data-v-b8538ad3] {
  padding: 11px 14px;
  background: #fff;
}
.guide-table--document[data-v-b8538ad3] code {
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}
.guide-table--document tbody tr[data-v-b8538ad3]:hover {
  background: transparent;
}
@media (max-width: 900px) {
.guide-jump-grid[data-v-b8538ad3] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.guide-jump-card[data-v-b8538ad3]:nth-child(odd) {
    border-left: 0;
}
.guide-table[data-v-b8538ad3] {
    table-layout: auto;
}
}
@media (max-width: 640px) {
.guide-jump-grid[data-v-b8538ad3] {
    grid-template-columns: 1fr;
}
.guide-jump-card[data-v-b8538ad3] {
    min-height: 0;
    border-left: 0;
    border-top: 1px solid #1f2937;
}
.guide-jump-card[data-v-b8538ad3]:first-child {
    border-top: 0;
}
}

.global-search-overlay[data-v-e3650e51] {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  background: rgba(31, 35, 40, 0.24);
  backdrop-filter: blur(5px);
}
.global-search-modal[data-v-e3650e51] {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  width: min(960px, 100%);
  height: min(600px, calc(100vh - 96px));
  overflow: hidden;
  border: 1px solid #d9dde3;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(28, 35, 43, 0.22);
}
.global-search-input-wrap[data-v-e3650e51] {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 48px;
  margin: 24px 24px 14px;
  padding: 0 12px;
  border: 1px solid #dfe3e8;
  border-radius: 8px;
  box-shadow: 0 0 0 4px rgba(56, 174, 255, 0.24);
}
.global-search-icon[data-v-e3650e51] {
  display: inline-flex;
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  color: #8b99a8;
}
.global-search-icon svg[data-v-e3650e51],
.global-search-clear svg[data-v-e3650e51] {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
}
.global-search-input[data-v-e3650e51] {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #303842;
  font: inherit;
  font-size: 16px;
}
.global-search-input[data-v-e3650e51]::-webkit-search-cancel-button { display: none;
}
.global-search-clear[data-v-e3650e51] {
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  place-items: center;
  padding: 7px;
  border: 0;
  background: transparent;
  color: #3971ad;
}
.global-search-filters[data-v-e3650e51] {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  min-height: 58px;
  padding: 0 24px;
  overflow: hidden;
  border-bottom: 1px solid #e4e7eb;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.global-search-filters[data-v-e3650e51]::-webkit-scrollbar { display: none;
}
.global-search-filter[data-v-e3650e51] {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 48px;
  padding: 0 12px;
  border: 0;
  background: transparent;
  color: #4f5965;
  font-size: 15px;
  white-space: nowrap;
}
.global-search-filter[data-v-e3650e51]::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 3px;
  background: #343a40;
  content: '';
  opacity: 0;
}
.global-search-filter.active[data-v-e3650e51] { color: #252c33;
}
.global-search-filter.active[data-v-e3650e51]::after { opacity: 1;
}
.global-search-filter__icon[data-v-e3650e51] {
  display: inline-flex;
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
}
.global-search-filter__icon svg[data-v-e3650e51],
.global-search-result__icon svg[data-v-e3650e51] {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.global-search-body[data-v-e3650e51] {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgba(111, 123, 138, 0.42) transparent;
}
.global-search-body[data-v-e3650e51]::-webkit-scrollbar { width: 8px;
}
.global-search-body[data-v-e3650e51]::-webkit-scrollbar-track { background: transparent;
}
.global-search-body[data-v-e3650e51]::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: rgba(111, 123, 138, 0.42);
  background-clip: padding-box;
}
.global-search-body[data-v-e3650e51]::-webkit-scrollbar-thumb:hover { background: rgba(111, 123, 138, 0.58);
}
.global-search-state[data-v-e3650e51] {
  display: grid;
  min-height: 100%;
  place-items: center;
  margin: 0;
  padding: 40px 24px;
  color: #46515c;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
}
.global-search-results[data-v-e3650e51] { padding: 14px 12px 18px;
}
.global-search-result[data-v-e3650e51] {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  width: 100%;
  gap: 8px;
  padding: 11px 12px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #303842;
  text-align: left;
}
.global-search-result[data-v-e3650e51]:hover,
.global-search-result.active[data-v-e3650e51] { background: #f2f5f8;
}
.global-search-result__icon[data-v-e3650e51] {
  display: inline-flex;
  width: 17px;
  height: 17px;
  padding-top: 2px;
  color: #697580;
}
.global-search-result__content[data-v-e3650e51] {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.global-search-result__title[data-v-e3650e51] {
  overflow: hidden;
  color: #303842;
  font-size: 14px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.global-search-result__meta[data-v-e3650e51] {
  color: #7a8590;
  font-size: 11px;
  font-weight: 600;
}
.global-search-result__excerpt[data-v-e3650e51] {
  display: -webkit-box;
  overflow: hidden;
  color: #4b5560;
  font-size: 13px;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media (max-width: 700px) {
.global-search-overlay[data-v-e3650e51] { padding: 12px;
}
.global-search-modal[data-v-e3650e51] { height: calc(100dvh - 24px); border-radius: 8px;
}
.global-search-input-wrap[data-v-e3650e51] { margin: 14px 14px 8px;
}
.global-search-filters[data-v-e3650e51] { min-height: 52px; padding: 0 12px;
}
.global-search-filter[data-v-e3650e51] { height: 44px; padding: 0 9px;
}
}

.home-landing[data-v-e82d185b] {
  --home-ink: #07144a;
  --home-ink-soft: #17245c;
  --home-blue: #3044ff;
  --home-page-bg: #fbfcff;
  --home-soft-bg: #f7f9ff;
  min-height: 100vh;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 72% 6%, rgba(84, 105, 255, 0.12), transparent 28%),
    radial-gradient(circle at 16% 10%, rgba(92, 79, 255, 0.055), transparent 24%),
    linear-gradient(180deg, #fbfcff 0%, #f8faff 34%, #ffffff 72%, #fbfcff 100%);
  color: var(--home-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 600;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.home-landing main[data-v-e82d185b] {
  background:
    linear-gradient(180deg, rgba(242, 245, 255, 0.82) 0%, rgba(248, 250, 255, 0.62) 46%, rgba(255, 255, 255, 0.92) 68%, rgba(251, 252, 255, 0.96) 100%);
}
.home-shell[data-v-e82d185b] {
  width: min(100% - 72px, 1400px);
  margin: 0 auto;
}
.home-footer button[data-v-e82d185b] {
  border: 0;
  background: transparent;
  color: #081044;
  font: inherit;
  cursor: default;
}
.home-button[data-v-e82d185b] {
  height: 48px;
  padding: 0 42px;
  border: 0;
  border-radius: 8px;
  background: linear-gradient(135deg, #3d39ff, #1d63ff);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.01em;
  box-shadow: 0 14px 28px rgba(43, 70, 255, 0.24);
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}
.home-button[data-v-e82d185b]:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 36px rgba(43, 70, 255, 0.36);
}
.home-hero[data-v-e82d185b] {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 660px) minmax(420px, 1fr);
  gap: 58px;
  align-items: center;
  min-height: 610px;
  padding: 58px 0 38px;
}
.home-hero[data-v-e82d185b]::before {
  position: absolute;
  inset: 0 calc((100vw - 100%) / -2);
  z-index: 0;
  pointer-events: none;
  content: '';
  background:
    radial-gradient(ellipse 50% 58% at 74% 28%, rgba(73, 89, 255, 0.10), transparent 62%),
    radial-gradient(ellipse 42% 44% at 31% 22%, rgba(125, 137, 255, 0.045), transparent 64%),
    linear-gradient(180deg, rgba(249, 251, 255, 0.82) 0%, rgba(251, 252, 255, 0.72) 58%, rgba(255, 255, 255, 0.18) 100%);
}
.home-hero[data-v-e82d185b] > * {
  position: relative;
  z-index: 1;
}
.home-eyebrow[data-v-e82d185b] {
  margin: 0 0 18px;
  color: var(--home-ink);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.01em;
}
.home-hero h1[data-v-e82d185b] {
  margin: 0;
  color: var(--home-ink);
  font-size: clamp(48px, 5.6vw, 76px);
  font-weight: 900;
  line-height: 0.94;
  letter-spacing: -0.035em;
}
.home-hero h1 span[data-v-e82d185b],
.home-hero h1 strong[data-v-e82d185b] {
  display: block;
  white-space: nowrap;
}
.home-hero h1 strong[data-v-e82d185b] {
  margin-top: 18px;
  color: var(--home-blue);
  font-size: clamp(34px, 3.8vw, 52px);
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: -0.035em;
}
.home-hero__body[data-v-e82d185b] {
  max-width: 500px;
  margin: 24px 0 30px;
  color: var(--home-ink);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.55;
  letter-spacing: -0.012em;
}
.home-proof-row[data-v-e82d185b] {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  margin-top: 50px;
}
.home-proof-row span[data-v-e82d185b] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--home-ink);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -0.015em;
}
.home-proof-row i[data-v-e82d185b],
.home-crypto li[data-v-e82d185b]::before,
.good[data-v-e82d185b]::before {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #2f45ff;
  color: #fff;
  font-style: normal;
  font-size: 12px;
}
.home-proof-row i[data-v-e82d185b]::before {
  content: '';
  width: 7px;
  height: 4px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg) translateY(-1px);
}
.home-hero__visual[data-v-e82d185b] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
}
.home-hero__visual[data-v-e82d185b]::before {
  position: absolute;
  inset: -44px -38px 18px -70px;
  z-index: 0;
  pointer-events: none;
  content: '';
  background:
    radial-gradient(ellipse 48% 34% at 57% 58%, rgba(62, 83, 255, 0.11), transparent 66%),
    radial-gradient(ellipse 42% 30% at 34% 36%, rgba(122, 138, 255, 0.08), transparent 68%);
  filter: blur(8px);
}
.home-hero__banner[data-v-e82d185b] {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
}
.home-advantage-grid[data-v-e82d185b] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  padding: 44px 0 72px;
  background:
    radial-gradient(circle at 50% 0%, rgba(60, 76, 255, 0.035), transparent 46%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.82));
}
.home-mini-card[data-v-e82d185b] {
  position: relative;
  min-height: 214px;
  padding: 0 46px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.home-mini-card[data-v-e82d185b]:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 24px;
  right: 0;
  width: 1px;
  height: 152px;
  background: linear-gradient(180deg, transparent, rgba(75, 91, 180, 0.12), transparent);
}
.home-mini-card h2[data-v-e82d185b],
.home-two-column h2[data-v-e82d185b],
.home-lifecycle h2[data-v-e82d185b],
.home-industries h2[data-v-e82d185b],
.home-ecosystem h2[data-v-e82d185b],
.home-security h2[data-v-e82d185b],
.home-crypto h2[data-v-e82d185b] {
  margin: 0;
  color: var(--home-ink);
  font-size: 28px;
  font-weight: 900;
  line-height: 1.06;
  letter-spacing: -0.03em;
}
.home-mini-card h2[data-v-e82d185b] {
  margin-top: 18px;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -0.025em;
}
.home-mini-card p[data-v-e82d185b],
.home-two-column p[data-v-e82d185b],
.home-issue p[data-v-e82d185b],
.home-industries p[data-v-e82d185b] {
  color: var(--home-ink);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.015em;
}
.home-two-column p[data-v-e82d185b] {
  font-weight: 600 !important;
}
.home-mini-card p[data-v-e82d185b] {
  max-width: 230px;
  margin: 12px auto 0;
  color: var(--home-ink);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.48;
}
.home-line-icon[data-v-e82d185b] {
  width: 78px;
  height: 78px;
  margin: 0 auto;
  display: grid;
  place-items: center;
  color: #2f45ff;
}
.home-line-icon__img[data-v-e82d185b] {
  width: 76px;
  height: 76px;
  display: block;
  object-fit: contain;
}
.home-two-column[data-v-e82d185b] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90px;
  align-items: start;
  padding: 26px 36px 70px;
}
.home-comparison[data-v-e82d185b] {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 58px 1fr;
  align-items: stretch;
  gap: 18px;
  margin-top: 38px;
}
.home-comparison article[data-v-e82d185b] {
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 320px;
  padding: 22px 30px 0;
  border: 1px solid rgba(48, 68, 255, 0.09);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 22px 48px rgba(36, 48, 120, 0.06);
  overflow: hidden;
}
.home-comparison h3[data-v-e82d185b] {
  margin: 0 0 14px;
  color: var(--home-ink);
  text-align: center;
  font-weight: 900;
  letter-spacing: -0.025em;
}
.home-comparison ul[data-v-e82d185b],
.home-issue ul[data-v-e82d185b],
.home-crypto ul[data-v-e82d185b] {
  list-style: none;
  margin: 0;
  padding: 0;
}
.home-comparison li[data-v-e82d185b] {
  margin: 8px 0;
  color: var(--home-ink);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.42;
  letter-spacing: -0.015em;
  white-space: nowrap;
}
.home-comparison ul[data-v-e82d185b] {
  align-self: start;
}
.bad[data-v-e82d185b]::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  vertical-align: middle;
  background: #e53e3e;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
}
.good[data-v-e82d185b]::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  vertical-align: middle;
  background: #3044ff;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13 9 17 19 7'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13 9 17 19 7'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
}
.home-comparison__better h3[data-v-e82d185b] {
  color: var(--home-blue);
}
.home-comparison article > strong[data-v-e82d185b] {
  display: block;
  align-self: end;
  margin: 16px -30px 0;
  padding: 14px 16px;
  text-align: center;
  background: #f2f0e8;
  color: var(--home-ink);
  font-weight: 900;
  letter-spacing: -0.02em;
}
.home-comparison__better > strong[data-v-e82d185b] {
  background: linear-gradient(135deg, #2f48ff, #005dff) !important;
  color: #fff !important;
}
.home-versus[data-v-e82d185b] {
  display: grid;
  place-items: center;
  align-self: center;
  width: 58px;
  height: 58px;
  border: 1px solid #d9ddff;
  border-radius: 50%;
  background: #fff;
  color: #384bff;
  font-size: 22px;
  font-weight: 800;
}
.home-issue[data-v-e82d185b] {
  padding-top: 4px;
}
.home-issue p[data-v-e82d185b] {
  max-width: 610px;
}
.home-issue ul[data-v-e82d185b] {
  display: grid;
  gap: 24px;
  margin-top: 36px;
}
.home-issue li[data-v-e82d185b] {
  display: grid;
  grid-template-columns: 56px minmax(0, 540px);
  align-items: center;
  gap: 24px;
  min-height: 58px;
  margin: 0;
  padding-left: 0;
  color: var(--home-ink);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.44;
  letter-spacing: -0.02em;
}
.home-issue-icon[data-v-e82d185b] {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  justify-self: center;
  color: #3044ff;
}
.home-issue-icon__img[data-v-e82d185b] {
  width: 40px;
  height: 40px;
  display: block;
  object-fit: contain;
}
.home-lifecycle[data-v-e82d185b] {
  padding: 42px 0 54px;
  text-align: center;
}
.home-lifecycle h2[data-v-e82d185b] {
  font-size: 24px;
  letter-spacing: -0.03em;
}
.home-lifecycle__track[data-v-e82d185b] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 18px;
  margin-top: 40px;
}
.home-lifecycle-step[data-v-e82d185b] {
  position: relative;
  display: grid;
  justify-items: center;
  align-content: start;
  min-height: 150px;
  padding: 0 8px;
}
.home-lifecycle-step[data-v-e82d185b]:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 50px;
  right: -9px;
  transform: translate(50%, -50%);
  width: 80px;
  height: 16px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALIAAAAiCAYAAAGM67O9AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAsqADAAQAAAABAAAAIgAAAACvp/PBAAAG3ElEQVR4Ae1cXWgdRRTe2Rvi3ohpwWrQkp+bEhVS2/oQq0IrYn2xFATFPlgQawoqpfhHVWwVTcUfVLSUKrQqQn2o6FNRBAVpC2qTh/6YgBramx8qRKMkEXPX29wd51wzyeze2ZndzST3JO7mYWbPz8zZb05mZ86cvZYV48oPFr6KIR5dlDV8/J47e6agjKpFjn3RS1XCWzavJmDxE9t7N10q0gzIHjhy44lcc/Z2na6qXR8PLN68oZtCeX7YbfMxTdzMW8MXhgob84OTu6MaSaIIgrUgd65nYvmajvoxwFqnV6MaDBhE3sDObT9uhDoMIqepdGtEZa4gKxtzzvhw3l0m8qLqijoVdYCDQ1LBlBBmHlXCS0SSdk7owVxT3dFEDUqUjBkNHkmo1QV98LGGOgzPM11tZ6EexaFATnfZOoGofELpLSALHi/qBP1J5CWtG0MaDMgPTW61KHlMZowplKFto0ZzY/P5yXeJTa6kntOZyxGX002URg0eGHK/pZRWuJtJhCsaT4rCwEBhDzf2g/1DbS88/lMHb0s6k3BmzNKYwZRYd0HfMFuc7h6/5s/RS1lx5ohpV6i48hUVqsUYc32LqF5vqn4jv/pUjSThJX1gYy5hUfbHLnGR8NwrbT1JHkalY3SWCPvnQjlLACpgGCHWSY4QQ6No0lho1yjC3FCTZXm6nJ6BpO0yV6zLOlsbGsiIlI+AiBbksBenEjM7szvXWHtKKVMFJkqQg3NO35mJZe+9Obg2iM9ljj311uH270Q6pdbJ1pbsHpFW7To6kGGNatlkHQcGVlSwSOH3slJ8awHf9Jwq6zMOzdxrOk6vClnYBIjswQuTvm2YyFssdXQgwy5LBO/ld27ogWlBpIn14HqL/WsWRT6GOrrpAkAZGaENk677aWyAqPV3riV7d2y9eVZACTJ/5vxwcb3lld7g96ElUnC5vahB5kbm89Sx7MIuYpE1bH+2wvLozzRDPm9typ7gMphL1CCXp42Ce5RtmULtZIHVr1tasvtSkBMgoIqVBpsjhHgtTc4dQTqWe3SrCwCmPBeHBKNlwEGUEnaIMh4GWui/YTWNC+74wBY4tvjsk1/b/pqYql29rv63h3c19QdtxDp1oAN5YKiwj22NN4gAPtXZd9s/rlcj0qD+6NPNZ9vX1Y+LdGy7PbAN3XQRBPj1vf1rZQCD8bJ4BpwyAg/ThQ7kIDi600yIbYg6pETvFe8x1BMf4szF+KTnIbI+e89MXM3os/OzTa6XyXFa0sMjrp+krNrBUxJjZTpX1Nf4YhXsJTMqk+M0kwPM29SV6KcL3QPc98C1s17MhNlByTmdzkLz0YHMPNHnmcEomwgQROcg/0qkWV52v+8ewQ06kEu2PyNmZbNTkAENOUnBUxFwY9PJKCbGCN06GR4qP1D4kkUrLo/7gHWOcz/GA1V0ngzAJooJs/RAjADD86D0ZDAMrsgejfSU+r+nQA4yGAl51hmPHmRx5FpuNC8xnkxz28QStSeLhmKugyOwneaDNrHWy5xBZjsDvuhR6xQ7fPh4VaPjW4bK5FOaGoHUkdX4hHLLIe9S6cUkiyBpo+yY0spkXsKYACW1FxkxdeSYAxLnUCxm07Pihr9VmW146dZSR444ttPH5h8Zm4F1/bIZmuUDP4R1d6Uzf6H5qSNHQBzWwHaJHmJOrMTr4qCbPXJ4+DrdSQ4EtrZ1Nv4CgS9l9yzY5WXIjnQNrUSpzFQOjF596UtAdhix3WOqTRw48Ntd528KO+sNQwlC4U/uXXVa5dBsgIosyXULxuht2HNVg44yyFkNIEL7ZCmOKieGdJtXn+/viOvE0B/ogG7wS2PRlnLfzAaRltYrEUgduRITHwXydH2EwA3kjAVIsW91behsiN3hElSoSlJLNXBMmmfBZsQVKnsh8VHFj8LTtaGzQdVHNZJ4VPbMF2/RJw7NFzAz7bIvJsTPCWfo0xXI3tV9XhjUCd5DG0Ga7x5sSHgl/QdO2F3V1NKlhQZ6+OxHJQIp6BCFUMmoeKArS2MXdXQ2iLL/13oatYgw8rKU/6AafFn/4YHh9qibPohYbN/Z2Bf8PCDY7mLJdQjavdD3qSNHRFz7gyZCOxCF6Pl+7Cr44J6vfyF3urm1bqzj1uW/V2SfCrpiFevHRaKNWOqpI8cYCcivINR7jf+gWQzVWKLwvScl9rNp3kV02FJHjo7VjCTkWxDLfsS0Q5cd2PLeN/mboDNGL/FK6shzGGDIvygU3B0sPLZJd3wd2g07hmaD8E026xxK8ypCUdIyUkfWQhRdAI6zaca9ufzbwJ61svxLtdNxaAb0KPXoH+zD6ouUkB9IyelOj52jY6uT/BeQnH7e6sHl7QAAAABJRU5ErkJggg==') center/contain no-repeat;
  pointer-events: none;
}
.home-lifecycle-icon[data-v-e82d185b] {
  position: relative;
  z-index: 1;
  width: 100px;
  height: 100px;
  display: grid;
  place-items: center;
}
.home-lifecycle-icon__img[data-v-e82d185b] {
  width: 80px;
  height: 80px;
  display: block;
  object-fit: contain;
}
.home-lifecycle-step h3[data-v-e82d185b] {
  margin: 14px 0 8px;
  color: #12142c;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.015em;
}
.home-lifecycle-step p[data-v-e82d185b] {
  max-width: 148px;
  margin: 0;
  color: #12142c;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.005em;
}
.home-industries[data-v-e82d185b] {
  --home-industries-image-width: clamp(280px, 24%, 350px);
  --home-industries-blur-width: clamp(160px, 17vw, 210px);
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--home-industries-image-width);
  gap: 0;
  min-height: 445px;
  padding: 0;
  border-radius: 8px;
  background-image: linear-gradient(252deg, #3c2d97 14%, #0a0536 87%);
  box-shadow: inset 0 0 0 1px rgba(132, 160, 255, 0.1);
  color: #fff;
  overflow: hidden;
}
.home-industries[data-v-e82d185b]::before {
  content: '';
  position: absolute;
  inset: 0 var(--home-industries-image-width) 0 0;
  z-index: 1;
  background-image: linear-gradient(252deg, rgba(60, 45, 151, 0.20) 14%, rgba(10, 5, 54, 0.20) 87%);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  pointer-events: none;
}
.home-industries__main[data-v-e82d185b] {
  position: relative;
  z-index: 2;
  grid-column: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(43px, 4.2vw, 59px);
  min-width: 0;
  padding: clamp(50px, 4.4vw, 64px) 0 clamp(42px, 4vw, 60px) clamp(50px, 4.8vw, 72px);
}
.home-industries h2[data-v-e82d185b],
.home-industries h3[data-v-e82d185b] {
  color: #fff;
}
.home-industries p[data-v-e82d185b] {
  color: #b6bae9;
}
.home-industries h2[data-v-e82d185b] {
  font-size: 34px;
  font-weight: 800;
  letter-spacing: 0;
}
.home-industries h3[data-v-e82d185b] {
  font-weight: 600;
  letter-spacing: 0;
}
.home-industries__copy p[data-v-e82d185b] {
  max-width: 560px;
  margin: 19px 0 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: -0.005em;
}
.home-industries__copy[data-v-e82d185b] {
  padding-left: 17px;
}
.home-industries__visual[data-v-e82d185b] {
  position: absolute;
  inset: 0 0 0 auto;
  z-index: 0;
  width: calc(var(--home-industries-image-width) + var(--home-industries-blur-width));
  overflow: hidden;
  border-radius: 0;
  min-width: 0;
  margin: 0;
  mask-image: linear-gradient(90deg, transparent 0, #000 var(--home-industries-blur-width));
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--home-industries-blur-width));
}
.home-industries__visual-img[data-v-e82d185b] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}
.home-industries__grid[data-v-e82d185b] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(12px, 1.4vw, 22px);
  align-items: start;
  margin-left: -4px;
  padding: 0 clamp(24px, 3vw, 40px) 0 0;
  min-width: 0;
}
.home-industries article[data-v-e82d185b] {
  padding: 0 clamp(8px, 1vw, 16px);
  text-align: center;
}
.home-industries article h3[data-v-e82d185b] {
  margin: 0 0 14px;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.home-industries article p[data-v-e82d185b] {
  max-width: 178px;
  margin: 0 auto;
  color: #b6bae9;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
}
.home-industry-icon[data-v-e82d185b] {
  width: 68px;
  height: 68px;
  margin: 0 auto 22px;
  display: grid;
  place-items: center;
}
.home-industry-icon__img[data-v-e82d185b] {
  width: 44px;
  height: 44px;
  display: block;
  object-fit: contain;
}
.home-industries__badge[data-v-e82d185b] {
  position: absolute;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: rgba(70, 120, 255, 0.85);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
}
.home-industries__badge svg[data-v-e82d185b] {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
}
.home-industries__badge--1[data-v-e82d185b] { top: 14px; right: 70px;
}
.home-industries__badge--2[data-v-e82d185b] { top: 30px; right: 28px;
}
.home-industries__badge--3[data-v-e82d185b] { top: 56px; right: 50px;
}
.home-ecosystem[data-v-e82d185b],
.home-security[data-v-e82d185b] {
  padding: 48px 0 38px;
  text-align: center;
}
.home-ecosystem__grid[data-v-e82d185b] {
  display: grid;
  grid-template-columns: 1fr 270px 1fr;
  gap: 70px;
  align-items: center;
  margin-top: 42px;
}
.home-ecosystem article[data-v-e82d185b] {
  min-width: 0;
  min-height: 190px;
  padding: 30px;
  border: 1px solid rgba(48, 68, 255, 0.12);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 45px rgba(36, 48, 120, 0.05);
}
.home-ecosystem article h3[data-v-e82d185b] {
  color: var(--home-ink);
  font-weight: 700;
  letter-spacing: -0.025em;
}
.home-ecosystem article:not(.home-ecosystem__center) h3[data-v-e82d185b] {
  margin: 0 0 20px;
  font-size: 24px;
  line-height: 1.3;
}
.home-ecosystem__schemes h3[data-v-e82d185b] {
  margin-bottom: 30px;
}
.home-ecosystem__center[data-v-e82d185b] {
  position: relative;
  z-index: 1;
}
.home-ecosystem__center[data-v-e82d185b]::before,
.home-ecosystem__center[data-v-e82d185b]::after {
  position: absolute;
  top: 50%;
  width: 34px;
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(118, 111, 255, 0.26), rgba(76, 84, 255, 0.38));
  box-shadow: 0 8px 18px rgba(74, 82, 255, 0.12);
  content: '';
  transform: translateY(-50%);
}
.home-ecosystem__center[data-v-e82d185b]::before {
  left: -52px;
}
.home-ecosystem__center[data-v-e82d185b]::after {
  right: -52px;
}
.home-logo-grid[data-v-e82d185b],
.home-partner-grid[data-v-e82d185b] {
  display: grid;
  gap: 16px;
  margin-top: 18px;
}
.home-logo-grid[data-v-e82d185b] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  margin-top: 26px;
  row-gap: 50px;
  margin-bottom: 10px;
}
.home-partner-grid[data-v-e82d185b] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 22px;
  row-gap: 15px;
}
.home-logo-grid span[data-v-e82d185b],
.home-scheme-logo[data-v-e82d185b] {
  display: grid;
  place-items: center;
  min-height: 42px;
  color: #1a2a72;
  font-size: 13px;
  font-weight: 800;
}
.home-scheme-logo[data-v-e82d185b] {
  width: auto;
  height: 50px;
  max-width: 115px;
  justify-self: center;
  object-fit: contain;
}
.home-scheme-logo--amex[data-v-e82d185b] {
  height: 62px;
}
.home-scheme-logo--jcb[data-v-e82d185b] {
  height: 62px;
  max-width: 142px;
}
.home-scheme-logo--discover[data-v-e82d185b] {
  height: 62px;
  max-width: 143px;
}
.home-scheme-logo--unionpay[data-v-e82d185b] {
  height: 62px;
  max-width: 100px;
}
.home-partner-item[data-v-e82d185b] {
  min-height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  color: #1a2a72;
  text-align: center;
}
.home-partner-item__icon[data-v-e82d185b] {
  width: 48px;
  height: 48px;
  display: block;
  object-fit: contain;
}
.home-partner-item strong[data-v-e82d185b] {
  color: var(--home-ink);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: -0.015em;
}
.home-ecosystem__center img[data-v-e82d185b] {
  width: 78px;
  height: 78px;
}
.home-ecosystem__center h3[data-v-e82d185b] {
  margin: 10px 0 8px;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: -0.03em;
}
.home-ecosystem__center p[data-v-e82d185b] {
  color: var(--home-ink);
  font-style: italic;
  font-weight: 700;
  line-height: 1.32;
  letter-spacing: -0.02em;
  transform: skewX(-12deg);
}
.home-security > div[data-v-e82d185b] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin-top: 53px;
}
.home-security-item[data-v-e82d185b] {
  min-height: 74px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 16px;
  padding: 4px 18px;
  border-right: 1px solid rgba(48, 68, 255, 0.12);
}
.home-security-item__img[data-v-e82d185b] {
  width: 55px;
  height: 55px;
  object-fit: contain;
}
.home-security-item strong[data-v-e82d185b] {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-height: 2.36em;
  color: var(--home-ink);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -0.015em;
  text-align: center;
}
.home-crypto[data-v-e82d185b] {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-top: 20px;
  padding: 54px 58px;
  border-radius: 8px;
  background-image: linear-gradient(249deg, #271d83 21%, #0a0536 100%);
  box-shadow: inset 0 0 0 1px rgba(132, 160, 255, 0.1);
  overflow: hidden;
}
.home-crypto[data-v-e82d185b]::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 84% 12%, rgba(255, 255, 255, 0.055), transparent 18%),
    linear-gradient(120deg, rgba(255, 255, 255, 0.035), transparent 44%);
  pointer-events: none;
  z-index: 1;
}
.home-crypto[data-v-e82d185b]::after {
  content: '';
  position: absolute;
  inset: 0;
  background: url('/assets/map-DZSts9xw.png') left center / contain no-repeat;
  opacity: 0.5;
  pointer-events: none;
  z-index: 0;
}
.home-crypto__copy[data-v-e82d185b] {
  position: relative;
  z-index: 1;
}
.home-crypto__copy p[data-v-e82d185b] {
  color: #b6bae9;
  font-weight: 500;
}
.home-crypto h2[data-v-e82d185b],
.home-crypto h3[data-v-e82d185b],
.home-crypto li[data-v-e82d185b] {
  color: #fff;
}
.home-crypto h3[data-v-e82d185b] {
  margin: 4px 0 10px;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.025em;
}
.home-crypto ul[data-v-e82d185b] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px 60px;
  margin: 34px 0 32px;
}
.home-crypto li[data-v-e82d185b] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.015em;
}
.home-crypto li[data-v-e82d185b]::before {
  content: '';
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: url('/assets/banner3duigou-D6KTW1jx.png') center/contain no-repeat;
}
.home-crypto__visual[data-v-e82d185b] {
  z-index: 1;
  margin-top: -54px;
  margin-right: -56px;
  margin-bottom: -54px;
}
.home-crypto__banner[data-v-e82d185b] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.home-crypto .home-button[data-v-e82d185b] {
  background: linear-gradient(135deg, #0b80ff, #005df5);
  box-shadow: 0 14px 28px rgba(0, 94, 245, 0.26);
}
.home-crypto .home-button[data-v-e82d185b]:hover {
  box-shadow: 0 20px 36px rgba(0, 94, 245, 0.34);
}
.home-footer[data-v-e82d185b] {
  padding: 32px 0 22px;
  background: rgba(255, 255, 255, 0.8);
}
.home-footer__inner[data-v-e82d185b] {
  display: grid;
  grid-template-columns: minmax(180px, 280px) repeat(3, 1fr);
  gap: 24px;
}
.home-brand--footer[data-v-e82d185b] {
  align-self: start;
}
.home-brand--footer img[data-v-e82d185b] {
  width: 180px;
  height: auto;
}
.home-footer h2[data-v-e82d185b] {
  margin: 0 0 12px;
  color: var(--home-ink);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: -0.015em;
}
.home-footer nav[data-v-e82d185b] {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: 6px;
}
.home-footer__subgroups[data-v-e82d185b] {
  display: flex;
  gap: 20px;
}
.home-footer__subgroup[data-v-e82d185b] {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: 6px;
}
.home-footer__column h3[data-v-e82d185b] {
  margin: 0 0 8px;
}
.home-footer-contact-row[data-v-e82d185b] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  justify-self: start;
  margin-top: 0;
}
.home-footer-email[data-v-e82d185b] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
.home-footer-email__icon[data-v-e82d185b] {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #57617a;
  cursor: pointer;
  transition: background 0.15s;
}
.home-footer-email__icon[data-v-e82d185b]:hover {
  background: #eef1fb;
}
.home-footer-email__text[data-v-e82d185b] {
  color: #4b5563;
  font-size: 14px;
  text-decoration: none;
  white-space: nowrap;
}
.home-footer-email__text[data-v-e82d185b]:hover {
  color: #1a73e8;
  text-decoration: underline;
}
.home-footer-phone[data-v-e82d185b] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.home-footer-phone__icon[data-v-e82d185b] {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  color: #6b7280;
}
.home-footer-phone__icon svg[data-v-e82d185b] {
  width: 24px;
  height: 24px;
}
.home-footer-phone__text[data-v-e82d185b] {
  color: #4b5563;
  font-size: 14px;
  text-decoration: none;
  white-space: nowrap;
}
.home-footer-email__toast[data-v-e82d185b] {
  position: absolute;
  left: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
  padding: 4px 12px;
  border-radius: 6px;
  background: #1a1f36;
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
}
.home-footer-social[data-v-e82d185b] {
  position: relative;
  display: flex;
  gap: 10px;
  margin-top: 0;
}
.home-footer-social button[data-v-e82d185b] {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(48, 68, 255, 0.1);
  color: #2f45ff;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.home-footer-social button[data-v-e82d185b]:hover {
  background: #eef1fb;
  color: #3044ff;
  text-decoration: none;
}
.home-footer-social button svg[data-v-e82d185b] {
  width: 15px;
  height: 15px;
}
.home-footer button[data-v-e82d185b],
.home-footer a[data-v-e82d185b] {
  padding: 0;
  color: var(--home-ink-soft);
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}
.home-footer button[data-v-e82d185b]:hover,
.home-footer a[data-v-e82d185b]:hover {
  text-decoration: underline;
  color: #3044ff;
}
.home-footer .home-footer-social button[data-v-e82d185b] {
  color: #2f45ff;
  text-align: center;
  font-size: inherit;
  font-weight: inherit;
}
.home-footer .home-footer-social button[data-v-e82d185b]:hover {
  color: #3044ff;
  text-decoration: none;
}
.home-footer > p[data-v-e82d185b] {
  margin: 22px 0 0;
  color: #7a83a5;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
@media (max-width: 1100px) {
.home-hero[data-v-e82d185b],
  .home-two-column[data-v-e82d185b],
  .home-crypto[data-v-e82d185b] {
    grid-template-columns: 1fr;
}
.home-industries[data-v-e82d185b] {
    grid-template-columns: 1fr;
    height: auto;
}
.home-industries[data-v-e82d185b]::before {
    display: none;
}
.home-industries__main[data-v-e82d185b] {
    grid-column: 1;
    gap: 28px;
    padding: 40px 42px 0;
}
.home-industries__copy[data-v-e82d185b] {
    padding-left: 0;
}
.home-industries__grid[data-v-e82d185b] {
    margin-left: 0;
}
.home-industries__visual[data-v-e82d185b] {
    position: relative;
    inset: auto;
    width: auto;
    min-height: 240px;
    margin: 0;
}
.home-advantage-grid[data-v-e82d185b],
  .home-industries__grid[data-v-e82d185b],
  .home-security > div[data-v-e82d185b] {
    grid-template-columns: repeat(2, 1fr);
}
.home-mini-card[data-v-e82d185b]:nth-child(2n)::after {
    display: none;
}
.home-ecosystem__grid[data-v-e82d185b] {
    grid-template-columns: 1fr;
    gap: 24px;
}
.home-ecosystem__center[data-v-e82d185b]::before,
  .home-ecosystem__center[data-v-e82d185b]::after {
    display: none;
}
.home-lifecycle__track[data-v-e82d185b] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px 18px;
}
.home-lifecycle__track[data-v-e82d185b]::before,
  .home-lifecycle-step[data-v-e82d185b]::after {
    display: none;
}
.home-ecosystem article[data-v-e82d185b] {
    min-height: auto;
}
.home-partner-grid[data-v-e82d185b] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.home-logo-grid[data-v-e82d185b] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.home-scheme-logo[data-v-e82d185b],
  .home-scheme-logo--amex[data-v-e82d185b],
  .home-scheme-logo--jcb[data-v-e82d185b],
  .home-scheme-logo--discover[data-v-e82d185b],
  .home-scheme-logo--unionpay[data-v-e82d185b] {
    max-width: 100%;
}
.home-crypto[data-v-e82d185b] {
    gap: 26px;
}
.home-crypto__visual[data-v-e82d185b] {
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
}
.home-crypto__banner[data-v-e82d185b] {
    height: auto;
}
}
@media (max-width: 720px) {
.home-shell[data-v-e82d185b] {
    width: min(100% - 24px, 1400px);
}
.home-industries__main[data-v-e82d185b] {
    padding: 32px 24px 0;
}
.home-industries h2[data-v-e82d185b] {
    font-size: 28px;
}
.home-hero[data-v-e82d185b] {
    grid-template-columns: 1fr;
    min-height: auto;
    gap: 28px;
    padding-top: 32px;
}
.home-hero__visual[data-v-e82d185b] {
    width: min(100%, 520px);
    margin: 0 auto;
}
.home-hero__banner[data-v-e82d185b] {
    max-width: 100%;
}
.home-advantage-grid[data-v-e82d185b],
  .home-industries__grid[data-v-e82d185b],
  .home-security > div[data-v-e82d185b],
  .home-lifecycle__track[data-v-e82d185b],
  .home-crypto ul[data-v-e82d185b],
  .home-footer__inner[data-v-e82d185b] {
    grid-template-columns: 1fr;
}
.home-footer[data-v-e82d185b] {
    padding: 28px 0 18px;
}
.home-footer__inner[data-v-e82d185b] {
    gap: 22px;
}
.home-brand--footer[data-v-e82d185b] {
    margin-bottom: 4px;
}
.home-brand--footer img[data-v-e82d185b] {
    width: min(170px, 100%);
}
.home-footer nav[data-v-e82d185b] {
    gap: 8px;
}
.home-footer__subgroups[data-v-e82d185b] {
    display: grid;
    gap: 8px;
}
.home-footer__subgroup[data-v-e82d185b] {
    gap: 8px;
}
.home-footer-contact-row[data-v-e82d185b] {
    gap: 12px;
    margin-top: 10px;
}
.home-footer > p[data-v-e82d185b] {
    width: min(100% - 24px, 420px);
    margin: 18px auto 0;
    line-height: 1.5;
}
.home-mini-card[data-v-e82d185b] {
    min-height: 190px;
    padding: 22px 20px;
}
.home-mini-card[data-v-e82d185b]::after {
    display: none;
}
.home-two-column[data-v-e82d185b] {
    padding-inline: 0;
}
.home-crypto[data-v-e82d185b] {
    padding: 40px 24px;
}
.home-crypto__visual[data-v-e82d185b] {
    width: calc(100% + 48px);
    max-width: none;
    margin-right: -24px;
    margin-left: -24px;
}
.home-crypto__banner[data-v-e82d185b] {
    border-radius: 0;
}
.home-comparison[data-v-e82d185b] {
    grid-template-columns: 1fr;
}
.home-versus[data-v-e82d185b] {
    margin: 0 auto;
}
}
@media (max-width: 520px) {
.home-shell[data-v-e82d185b] {
    width: min(100% - 20px, 1400px);
}
.home-footer__inner[data-v-e82d185b] {
    gap: 18px;
}
.home-footer h2[data-v-e82d185b] {
    margin-bottom: 10px;
}
.home-footer button[data-v-e82d185b],
  .home-footer a[data-v-e82d185b] {
    font-size: 14px;
    line-height: 1.45;
}
.home-footer-contact-row[data-v-e82d185b] {
    flex-wrap: wrap;
}
.home-hero__visual[data-v-e82d185b] {
    width: min(100%, 360px);
}
}

.guide-nav-node[data-v-7c9115bd] { min-width: 0;
}
.guide-nav-row[data-v-7c9115bd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 38px;
  gap: 8px;
  padding: 8px 12px 8px calc(12px + var(--guide-nav-depth) * 16px);
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #444e57;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  text-align: left;
  transition: background 0.15s ease, color 0.15s ease;
}
.guide-nav-row[data-v-7c9115bd]:hover {
  background: #f3f4f6;
  color: #30353a;
}
.guide-nav-row.active[data-v-7c9115bd] {
  background: #eaf2ff;
  color: #2468dc;
  font-weight: 600;
}
.guide-nav-row.contains-active[data-v-7c9115bd]:not(.active) {
  background: #f0f7f6;
  color: #0f766e;
  font-weight: 600;
}
.guide-nav-row span[data-v-7c9115bd] { min-width: 0;
}
.guide-nav-chevron[data-v-7c9115bd] {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.16s ease;
}
.guide-nav-chevron.expanded[data-v-7c9115bd] { transform: rotate(180deg);
}
.guide-nav-children[data-v-7c9115bd] {
  display: grid;
  gap: 2px;
}

.app-shell[data-v-6e2e7649] {
  --docs-shell-max: 1720px;
  --docs-shell-pad: 0px;
  --docs-sidebar-width: 330px;
  --docs-content-width: 900px;
  --docs-rail-width: 260px;
  --docs-column-gap: 40px;
  --docs-header-height: 116px;
  --docs-rail-top: 150px;
  background: #fff;
}
.guides-page[data-v-6e2e7649] {
  box-sizing: border-box;
  width: min(100%, var(--docs-shell-max));
  display: grid;
  grid-template-columns:
    var(--docs-sidebar-width)
    minmax(0, var(--docs-content-width))
    var(--docs-rail-width);
  column-gap: var(--docs-column-gap);
  min-height: calc(100vh - var(--docs-header-height));
  max-width: none;
  margin: 0 auto;
  padding: 0 var(--docs-shell-pad);
  background: #fff;
}

/* 鈹€鈹€ Left Sidebar 鈹€鈹€ */
.guides-sidebar[data-v-6e2e7649] {
  width: auto;
  min-width: 0;
  background: #fff;
  border-right: 1px solid #e5e7eb;
  padding: 30px 32px 40px 42px;
  overflow-y: auto;
  height: calc(100vh - var(--docs-header-height));
  max-height: calc(100vh - var(--docs-header-height));
  position: sticky;
  top: var(--docs-header-height);
}
.guides-sidebar__title[data-v-6e2e7649] {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #9ca3af;
  padding: 0 12px 12px;
  margin: 0;
}
.guides-sidebar__title--button[data-v-6e2e7649] {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 32px;
  padding: 0 14px 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  color: #2f3b46;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.45;
  outline: none;
  text-align: left;
  text-transform: none;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.guides-sidebar__title--button[data-v-6e2e7649]:hover {
  background: #f8fafc;
  color: #1f2933;
}
.guides-sidebar__title--button.active[data-v-6e2e7649] {
  background: #eef5ff;
  color: #2468dc;
  box-shadow: inset 3px 0 0 #2468dc;
}
.guides-sidebar__title--button[data-v-6e2e7649]:focus-visible {
  box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.35);
}
.guides-sidebar__title--button.active[data-v-6e2e7649]:focus-visible {
  box-shadow:
    inset 3px 0 0 #2468dc,
    0 0 0 2px rgba(96, 165, 250, 0.35);
}
.guide-nav-group + .guide-nav-group[data-v-6e2e7649] { margin-top: 28px;
}
.guide-nav-group--direct + .guide-nav-group--direct[data-v-6e2e7649] { margin-top: 6px;
}
.guide-nav-group:not(.guide-nav-group--direct) + .guide-nav-group--direct[data-v-6e2e7649] { margin-top: 16px;
}
.guides-list[data-v-6e2e7649] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-width: 300px;
}
.guide-select-button[data-v-6e2e7649] {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 42px;
  padding: 9px 16px;
  border: none;
  border-radius: 8px;
  background: transparent;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  text-align: left;
  transition: background 0.15s, color 0.15s;
  line-height: 1.4;
  outline: none;
}
.guide-select-button[data-v-6e2e7649]:hover {
  background: #f4f5f7;
  color: #111827;
}
.guide-select-button.active[data-v-6e2e7649] {
  color: #2563eb;
  background: #eff6ff;
  font-weight: 600;
}
.guide-select-button[data-v-6e2e7649]:focus-visible {
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.18);
}

/* 鈹€鈹€ Content area 鈹€鈹€ */
.guides-content[data-v-6e2e7649] {
  min-width: 0;
  width: 100%;
  max-width: var(--docs-content-width);
  padding: 48px 0 92px;
  color: #30353a;
}
.guides-content__header[data-v-6e2e7649] {
  margin-bottom: 38px;
}
.guides-breadcrumb[data-v-6e2e7649] {
  font-size: 12px;
  color: #9aa0a6;
  margin: 0 0 9px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-weight: 500;
}
.guides-content__header h1[data-v-6e2e7649] {
  font-size: 32px;
  font-weight: 700;
  color: #30353a;
  margin: 0 0 16px;
  line-height: 1.18;
}
.guides-description[data-v-6e2e7649] {
  max-width: 760px;
  font-size: 16px;
  color: #606d78;
  line-height: 1.55;
  margin: 0;
  white-space: pre-line;
}

/* 鈹€鈹€ Section styling 鈹€鈹€ */
.guides-body[data-v-6e2e7649] {
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.guide-section[data-v-6e2e7649] {
  scroll-margin-top: 80px;
}
.guide-section__h1[data-v-6e2e7649] {
  font-size: 26px;
  font-weight: 700;
  color: #30353a;
  margin: 0 0 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e6ebf0;
  line-height: 1.24;
}
.guide-section[id$='-sample'] .guide-section__h1[data-v-6e2e7649] {
  margin-bottom: 10px;
  padding-bottom: 0;
  border-bottom: none;
  color: #3f4a54;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
}
.guide-section__h2[data-v-6e2e7649] {
  font-size: 21px;
  font-weight: 700;
  color: #30353a;
  margin: 0 0 12px;
  line-height: 1.3;
}
.guide-section__h3[data-v-6e2e7649] {
  font-size: 17px;
  font-weight: 600;
  color: #30353a;
  margin: 0 0 10px;
  line-height: 1.4;
}
.guide-section__body[data-v-6e2e7649] {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.guide-page-nav[data-v-6e2e7649] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 82px;
  margin-top: 44px;
  padding-top: 28px;
  border-top: 1px solid #e5e7eb;
}
.guide-page-nav__link[data-v-6e2e7649] {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  max-width: min(46%, 420px);
  padding: 0;
  border: 0;
  background: transparent;
  color: #444e57;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
  text-align: left;
  transition: color 0.15s;
}
.guide-page-nav__link[data-v-6e2e7649]:hover {
  color: #30353a;
}
.guide-page-nav__link--next[data-v-6e2e7649] {
  justify-content: flex-end;
  margin-left: auto;
  text-align: right;
}
.guide-page-nav__arrow[data-v-6e2e7649] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  color: #a3adb8;
}
.guide-page-nav__arrow svg[data-v-6e2e7649] {
  display: block;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.guide-page-nav__spacer[data-v-6e2e7649] {
  flex: 1 1 0;
}
.guide-paragraph[data-v-6e2e7649] {
  font-size: 15px;
  color: #444e57;
  line-height: 1.62;
  margin: 0;
}
.guides-empty[data-v-6e2e7649] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50vh;
  color: #9ca3af;
  font-size: 15px;
}

/* 鈹€鈹€ Right Steps Panel 鈹€鈹€ */
.guides-steps[data-v-6e2e7649] {
  width: auto;
  min-width: 0;
  padding: 90px 0 0 0;
  position: sticky;
  top: var(--docs-rail-top);
  align-self: start;
  max-height: calc(100vh - var(--docs-rail-top));
  overflow-y: auto;
}
.guides-copy-page[data-v-6e2e7649] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 28px;
  padding: 8px 13px;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  background: #fff;
  color: #30353a;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.12s, border-color 0.12s;
}
.guides-copy-page[data-v-6e2e7649]:hover {
  background: #f1f3f4;
  border-color: #d0d5da;
}
.guides-steps__title[data-v-6e2e7649] {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: #9aa0a6;
  margin: 0 0 17px;
}
.steps-nav[data-v-6e2e7649] {
  display: flex;
  flex-direction: column;
  border-left: 2px solid #e1e6ec;
}
.step-item[data-v-6e2e7649] {
  display: block;
  width: 100%;
  padding: 6px 12px 7px;
  border: none;
  background: transparent;
  font-size: 14px;
  color: #606d78;
  cursor: pointer;
  text-align: left;
  transition: background 0.12s, color 0.12s;
  line-height: 1.35;
  border-radius: 6px;
}
.step-item[data-v-6e2e7649]:hover {
  color: #2563eb;
}
.step-item.active[data-v-6e2e7649] {
  color: #2563eb;
  font-weight: 500;
}
.step-level-2[data-v-6e2e7649] {
  padding-left: 22px;
  font-size: 13px;
}
.step-level-3[data-v-6e2e7649] {
  padding-left: 34px;
  font-size: 13px;
  color: #8a95a3;
}
@media (max-width: 1720px) {
.app-shell[data-v-6e2e7649] {
    --docs-shell-pad: 36px;
}
}
@media (max-width: 1320px) {
.app-shell[data-v-6e2e7649] {
    --docs-shell-pad: 36px;
}
.guides-page[data-v-6e2e7649] {
    grid-template-columns: 300px minmax(0, 1fr);
    column-gap: 34px;
}
.guides-steps[data-v-6e2e7649] {
    display: none;
}
}
@media (max-width: 900px) {
.app-shell[data-v-6e2e7649] {
    --docs-shell-pad: 18px;
}
.guides-page[data-v-6e2e7649] {
    display: block;
    padding: 0 var(--docs-shell-pad);
}
.guides-sidebar[data-v-6e2e7649] {
    position: static;
    width: 100%;
    height: auto;
    max-height: none;
    border-right: 0;
    border-bottom: 1px solid #e5e7eb;
    padding: 20px 0 18px;
}
.guides-content[data-v-6e2e7649] {
    max-width: none;
    padding: 34px 0 72px;
}
.guide-page-nav[data-v-6e2e7649] {
    align-items: stretch;
    gap: 18px;
    min-height: auto;
    padding-top: 22px;
}
.guide-page-nav__link[data-v-6e2e7649] {
    max-width: none;
    font-size: 16px;
}
.guide-page-nav__link--next[data-v-6e2e7649] {
    margin-left: 0;
}
.guide-page-nav__spacer[data-v-6e2e7649] {
    display: none;
}
}

.password-checks[data-v-62ca93e5] {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.password-checks li[data-v-62ca93e5] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #9ca3af;
  line-height: 1.4;
  transition: color 0.2s;
}
.password-checks li.met[data-v-62ca93e5] {
  color: #16a34a;
}
.password-checks__icon[data-v-62ca93e5] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1.5px solid #d1d5db;
  flex-shrink: 0;
  transition: background 0.2s, border-color 0.2s;
}
.password-checks__icon[data-v-62ca93e5]::after {
  content: '';
  display: block;
  width: 6px;
  height: 3px;
  border-left: 1.5px solid transparent;
  border-bottom: 1.5px solid transparent;
  transform: rotate(-45deg) translateY(-1px);
  transition: border-color 0.2s;
}
.password-checks li.met .password-checks__icon[data-v-62ca93e5] {
  background: #dcfce7;
  border-color: #16a34a;
}
.password-checks li.met .password-checks__icon[data-v-62ca93e5]::after {
  border-left-color: #16a34a;
  border-bottom-color: #16a34a;
}

.sk-dialog-overlay[data-v-96207521] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.sk-dialog[data-v-96207521] {
  background: var(--surface, #fff);
  border-radius: 12px;
  padding: 40px 32px 32px;
  width: 100%;
  max-width: 400px;
  text-align: center;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.sk-dialog__icon[data-v-96207521] {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
}
.sk-dialog__icon svg[data-v-96207521] {
  width: 28px;
  height: 28px;
}
.sk-dialog--rejected .sk-dialog__icon[data-v-96207521] {
  background: #fff1f0;
  color: #e53e3e;
}
.sk-dialog--pending .sk-dialog__icon[data-v-96207521] {
  background: #fffbe6;
  color: #d97706;
}
.sk-dialog__title[data-v-96207521] {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  color: var(--heading, #111);
}
.sk-dialog__message[data-v-96207521] {
  font-size: 14px;
  line-height: 1.6;
  color: var(--muted, #555);
  margin: 0 0 8px;
}
.sk-dialog__close[data-v-96207521] {
  margin-top: 4px;
  padding: 0 28px;
  height: 38px;
  border-radius: 8px;
  border: none;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  background: var(--primary, #0066cc);
  color: #fff;
  transition: opacity 0.15s;
}
.sk-dialog__close[data-v-96207521]:hover {
  opacity: 0.85;
}

.privacy-page[data-v-2fa87579] {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #f8fafc;
}
.privacy-content[data-v-2fa87579] {
  flex: 1;
  padding: 48px 24px 64px;
}
.privacy-shell[data-v-2fa87579] {
  max-width: 780px;
  margin: 0 auto;
  background: #fff;
  border-radius: 12px;
  padding: 48px 56px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
.privacy-shell h1[data-v-2fa87579] {
  margin: 0 0 4px;
  font-size: 32px;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.02em;
}
.privacy-meta[data-v-2fa87579] {
  margin: 0 0 32px;
  color: #94a3b8;
  font-size: 14px;
}
.privacy-shell h2[data-v-2fa87579] {
  margin: 36px 0 12px;
  font-size: 20px;
  font-weight: 700;
  color: #1e293b;
}
.privacy-shell p[data-v-2fa87579] {
  margin: 0 0 12px;
  color: #475569;
  font-size: 15px;
  line-height: 1.7;
}
.privacy-shell a[data-v-2fa87579] {
  color: #2563eb;
  text-decoration: none;
}