.landing-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--cv-space-2);
  min-height: 48px;
  padding: 0 24px;
  border: 1px solid var(--cv-border);
  border-radius: var(--cv-radius-sm);
  background: linear-gradient(180deg, var(--cv-elevated) 0%, var(--cv-surface) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 10px 24px rgba(0, 0, 0, 0.18);
  color: var(--cv-fg);
  cursor: pointer;
  font-family: var(--cv-font-mono);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    background var(--cv-duration) var(--cv-ease),
    border-color var(--cv-duration) var(--cv-ease),
    color var(--cv-duration) var(--cv-ease),
    box-shadow var(--cv-duration) var(--cv-ease),
    transform var(--cv-duration) var(--cv-ease);
  white-space: nowrap;
}

.landing-btn:hover {
  background: linear-gradient(180deg, var(--cv-elevated) 0%, var(--cv-surface) 100%);
  border-color: var(--cv-primary);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 14px 28px rgba(0, 0, 0, 0.22);
  text-decoration: none;
  transform: translateY(-1px);
}

.landing-btn:active {
  transform: translateY(0) scale(0.99);
}

.landing-btn.landing-btn--primary {
  background: linear-gradient(180deg, var(--cv-primary-hover) 0%, var(--cv-primary) 100%);
  border-color: var(--cv-primary);
  box-shadow: var(--cv-shadow-button-primary);
  color: #000;
  font-weight: 700;
}

.landing-btn.landing-btn--primary:hover {
  background: linear-gradient(180deg, var(--cv-primary-hover) 0%, var(--cv-primary-hover) 100%);
  border-color: var(--cv-primary-hover);
  color: #000;
}

.landing-btn.landing-btn--secondary {
  border-color: var(--cv-secondary);
  color: var(--cv-secondary);
}

.landing-btn.landing-btn--secondary:hover {
  background: var(--cv-elevated);
  border-color: var(--cv-secondary);
  color: var(--cv-secondary);
}

.landing-btn.landing-btn--ghost {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  color: var(--cv-fg);
}

.landing-btn.landing-btn--ghost:hover {
  background: var(--cv-surface-overlay-soft);
  border-color: transparent;
  box-shadow: none;
  color: var(--cv-fg);
}

.landing-btn--header {
  min-height: 38px;
  padding: 0 16px;
  font-size: 11px;
  letter-spacing: 0.04em;
}

.landing-btn--block {
  width: 100%;
}

.landing-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.56;
  pointer-events: none;
  transform: none;
  box-shadow: none;
}

.landing-card {
  display: block;
  padding: 24px;
  border: 1px solid var(--cv-border);
  border-radius: var(--cv-radius-md);
  background: linear-gradient(180deg, var(--cv-elevated) 0%, var(--cv-elevated) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  transition:
    border-color var(--cv-duration) var(--cv-ease),
    box-shadow var(--cv-duration) var(--cv-ease),
    transform var(--cv-duration) var(--cv-ease);
}

.landing-card:hover {
  border-color: var(--cv-primary);
  box-shadow: var(--cv-shadow-card-primary-hover);
  transform: translateY(-2px);
}

.landing-card--accent {
  border-color: var(--cv-secondary);
  box-shadow: var(--cv-shadow-card-secondary-accent);
}

.landing-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 22px;
  padding: 4px 12px;
  border: 1px solid var(--cv-border);
  border-radius: var(--cv-radius-sm);
  background: linear-gradient(180deg, var(--cv-surface) 0%, var(--cv-surface) 100%);
  color: var(--cv-fg-muted);
  font-family: var(--cv-font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.landing-badge--primary {
  border-color: var(--cv-primary);
  background: linear-gradient(180deg, var(--cv-primary) 0%, var(--cv-surface) 100%);
  color: var(--cv-primary);
}

.landing-badge--secondary {
  border-color: var(--cv-secondary);
  background: linear-gradient(180deg, var(--cv-secondary) 0%, var(--cv-surface) 100%);
  color: var(--cv-secondary);
}

.landing-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--cv-primary);
  font-family: var(--cv-font-mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  transition: color var(--cv-duration) var(--cv-ease), transform var(--cv-duration) var(--cv-ease);
}

.landing-link:hover {
  color: var(--cv-primary-hover);
  text-decoration: none;
  transform: translateX(1px);
}

.landing-link--secondary {
  color: var(--cv-secondary);
}

.landing-link--secondary:hover {
  color: var(--cv-secondary-hover);
}

.label-mono {
  font-family: var(--cv-font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* layer: shortcuts */
.container{width:100%;}
.section-shell{margin-left:auto;margin-right:auto;max-width:1120px;}
.section-heading{display:flex;flex-direction:column;gap:var(--cv-space-md);}
.icon-box{display:inline-flex;align-items:center;justify-content:center;}
@media (min-width: 640px){
.container{max-width:640px;}
}
@media (min-width: 768px){
.container{max-width:768px;}
}
@media (min-width: 1024px){
.container{max-width:1024px;}
}
@media (min-width: 1280px){
.container{max-width:1280px;}
}
@media (min-width: 1536px){
.container{max-width:1536px;}
}
/* layer: default */
.absolute{position:absolute;}
.relative{position:relative;}
.grid{display:grid;}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.mx-auto{margin-left:auto;margin-right:auto;}
.mb-2xl{margin-bottom:var(--cv-space-2xl);}
.mb-3xl{margin-bottom:var(--cv-space-3xl);}
.mb-lg{margin-bottom:var(--cv-space-lg);}
.mb-md{margin-bottom:var(--cv-space-md);}
.mb-sm{margin-bottom:var(--cv-space-sm);}
.mb-xl{margin-bottom:var(--cv-space-xl);}
.mt-lg{margin-top:var(--cv-space-lg);}
.mt-md{margin-top:var(--cv-space-md);}
.mt-xl{margin-top:var(--cv-space-xl);}
.block{display:block;}
.list-item{display:list-item;}
.hidden{display:none;}
.max-w-content{max-width:var(--cv-max-width);}
.w-full{width:100%;}
.flex{display:flex;}
.inline-flex{display:inline-flex;}
.shrink-0{flex-shrink:0;}
.flex-col{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.items-start{align-items:flex-start;}
.items-center{align-items:center;}
.justify-end{justify-content:flex-end;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.gap-2xl{gap:var(--cv-space-2xl);}
.gap-3xl{gap:var(--cv-space-3xl);}
.gap-lg{gap:var(--cv-space-lg);}
.gap-md{gap:var(--cv-space-md);}
.gap-sm{gap:var(--cv-space-sm);}
.gap-xl{gap:var(--cv-space-xl);}
.gap-xs{gap:var(--cv-space-xs);}
.overflow-hidden{overflow:hidden;}
.border{border-width:1px;}
.border-border{border-color:var(--cv-border);}
.rounded-lg{border-radius:var(--cv-radius-lg);}
.rounded-md{border-radius:var(--cv-radius-md);}
.rounded-sm{border-radius:var(--cv-radius-sm);}
.bg-elevated{background-color:var(--cv-elevated);}
.bg-surface{background-color:var(--cv-surface);}
.p-lg{padding:var(--cv-space-lg);}
.p-xl{padding:var(--cv-space-xl);}
.px{padding-left:1rem;padding-right:1rem;}
.px-lg{padding-left:var(--cv-space-lg);padding-right:var(--cv-space-lg);}
.px-md{padding-left:var(--cv-space-md);padding-right:var(--cv-space-md);}
.px-x{padding-left:var(--cv-padding-x);padding-right:var(--cv-padding-x);}
.py-2xl{padding-top:var(--cv-space-2xl);padding-bottom:var(--cv-space-2xl);}
.py-3xl{padding-top:var(--cv-space-3xl);padding-bottom:var(--cv-space-3xl);}
.py-4xl{padding-top:var(--cv-space-4xl);padding-bottom:var(--cv-space-4xl);}
.py-md{padding-top:var(--cv-space-md);padding-bottom:var(--cv-space-md);}
.py-sm{padding-top:var(--cv-space-sm);padding-bottom:var(--cv-space-sm);}
.py-xs{padding-top:var(--cv-space-xs);padding-bottom:var(--cv-space-xs);}
.pb-2xl{padding-bottom:var(--cv-space-2xl);}
.pb-3xl{padding-bottom:var(--cv-space-3xl);}
.pb-4xl{padding-bottom:var(--cv-space-4xl);}
.pt-3xl{padding-top:var(--cv-space-3xl);}
.pt-4xl{padding-top:var(--cv-space-4xl);}
.pt-sm{padding-top:var(--cv-space-sm);}
.text-center{text-align:center;}
.text-fg{color:var(--cv-fg);}
.text-fg-muted{color:var(--cv-fg-muted);}
.text-primary{color:var(--cv-primary);}
.font-display{font-family:var(--cv-font-display);}
.font-mono{font-family:var(--cv-font-mono);}
.uppercase{text-transform:uppercase;}
.cv-app-shell-root {
  display: block;
  contain: layout style;
}

.cv-app-shell-root .cv-app-main {
  display: block;
  min-height: 0;
}

.cv-landing-page {
  display: block;
  color: var(--cv-fg);
  background: var(--cv-bg);
  font-family: var(--cv-font-body);
  line-height: 1.6;
  contain: content;

  --cv-bg: #0B0D10;
  --cv-surface: #12151B;
  --cv-elevated: #1A1F2A;
  --cv-border: #242B3A;

  --cv-fg: #F2F5F7;
  --cv-fg-muted: #A7B0C0;

  --cv-primary: #00E5FF;
  --cv-primary-hover: #00CEE6;
  --cv-primary-active: #00B7CC;
  --cv-primary-on: #00171A;

  --cv-secondary: #B388FF;
  --cv-secondary-hover: #A17AE6;
  --cv-secondary-active: #8F6DCC;

  --cv-glow: #6200EA;

  --cv-success: #00F5A0;
  --cv-warning: #FFB020;
  --cv-danger: #FF3B30;

  --cv-gradient: linear-gradient(90deg, #00E5FF 0%, #B388FF 55%, #6200EA 100%);

  --cv-font-display: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --cv-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --cv-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  --cv-space-1: 4px;
  --cv-space-2: 8px;
  --cv-space-3: 12px;
  --cv-space-4: 16px;
  --cv-space-5: 20px;
  --cv-space-6: 24px;
  --cv-space-8: 32px;
  --cv-space-10: 40px;
  --cv-space-12: 48px;
  --cv-space-16: 64px;
  --cv-space-20: 80px;
  --cv-space-24: 96px;

  --cv-space-xs: var(--cv-space-1);
  --cv-space-sm: var(--cv-space-2);
  --cv-space-md: var(--cv-space-4);
  --cv-space-lg: var(--cv-space-6);
  --cv-space-xl: var(--cv-space-8);
  --cv-space-2xl: var(--cv-space-12);
  --cv-space-3xl: var(--cv-space-16);
  --cv-space-4xl: var(--cv-space-24);

  --cv-max-width: 1200px;
  --cv-content-width: 900px;
  --cv-padding-x: clamp(16px, 5vw, 48px);

  --cv-radius-sm: 8px;
  --cv-radius-md: 10px;
  --cv-radius-lg: 12px;

  --cv-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --cv-ease-snappy: cubic-bezier(0.2, 0, 0, 1);
  --cv-duration: 200ms;

  --cv-glow-subtle: 0 0 24px rgba(137, 64, 239, 0.25);
  --cv-glow-medium: 0 0 48px rgba(98, 0, 234, 0.3);
  --cv-glow-hero: 0 0 80px rgba(98, 0, 234, 0.35);
  --cv-focus-ring: 0 0 0 3px #B2F7FF;
  --cv-surface-overlay-strong: rgba(26, 31, 42, 0.88);
  --cv-surface-overlay: rgba(26, 31, 42, 0.85);
  --cv-surface-overlay-soft: rgba(26, 31, 42, 0.84);
  --cv-text-muted-soft: rgba(167, 176, 192, 0.6);
  --cv-border-soft: rgba(36, 43, 58, 0.5);
  --cv-border-primary-soft: rgba(0, 229, 255, 0.25);
  --cv-shadow-button-primary:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 0 1px rgba(0, 229, 255, 0.3),
    0 12px 26px rgba(0, 229, 255, 0.18);
  --cv-shadow-card-primary-hover:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0 0 1px rgba(0, 229, 255, 0.1),
    var(--cv-glow-subtle);
  --cv-shadow-card-secondary-accent:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0 0 1px rgba(179, 136, 255, 0.12),
    var(--cv-glow-subtle);
  --cv-gradient-accent-primary-soft: linear-gradient(180deg, var(--cv-primary), rgba(0, 229, 255, 0.16));
  --cv-gradient-accent-primary: linear-gradient(180deg, var(--cv-primary), rgba(0, 229, 255, 0.18));
  --cv-gradient-accent-primary-strong: linear-gradient(180deg, var(--cv-primary), rgba(0, 229, 255, 0.2));
  --cv-gradient-accent-secondary-soft: linear-gradient(180deg, var(--cv-secondary), rgba(179, 136, 255, 0.16));
  --cv-gradient-accent-secondary: linear-gradient(180deg, var(--cv-secondary), rgba(179, 136, 255, 0.18));
  --cv-gradient-accent-secondary-strong: linear-gradient(180deg, var(--cv-secondary), rgba(179, 136, 255, 0.2));
  --cv-gradient-accent-warning-strong: linear-gradient(180deg, var(--cv-warning), rgba(255, 176, 32, 0.2));

  --cv-color-bg: var(--cv-bg);
  --cv-color-surface: var(--cv-surface);
  --cv-color-surface-2: var(--cv-elevated);
  --cv-color-surface-elevated: var(--cv-elevated);
  --cv-color-text: var(--cv-fg);
  --cv-color-text-muted: var(--cv-fg-muted);
  --cv-color-border: var(--cv-border);
  --cv-color-primary: var(--cv-primary);
  --cv-color-on-primary: var(--cv-primary-on);
  --cv-color-accent: var(--cv-secondary);
  --cv-color-success: var(--cv-success);
  --cv-color-warning: var(--cv-warning);
  --cv-color-danger: var(--cv-danger);
  --cv-color-overlay: rgba(0, 0, 0, 0.72);
  --cv-duration-fast: 120ms;
  --cv-duration-normal: var(--cv-duration);
  --cv-easing-standard: var(--cv-ease);
  --cv-font-size-base: 14px;
  --cv-font-weight-medium: 500;
}

.cv-landing-page * {
  box-sizing: border-box;
}

.cv-landing-page h1, .cv-landing-page h2, .cv-landing-page h3, .cv-landing-page h4, .cv-landing-page h5, .cv-landing-page h6, .cv-landing-page p {
  margin: 0;
}

.cv-landing-page a {
  color: var(--cv-primary);
  text-decoration: none;
  transition: color var(--cv-duration) var(--cv-ease);
}

.cv-landing-page a:hover {
  text-decoration: underline;
}

.cv-landing-page :focus-visible {
  outline: none;
  box-shadow: var(--cv-focus-ring);
}

.cv-landing-page ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.cv-landing-page ::-webkit-scrollbar-track {
  background: var(--cv-surface);
}

.cv-landing-page ::-webkit-scrollbar-thumb {
  background: var(--cv-border);
  border-radius: 4px;
}

.cv-landing-page ::-webkit-scrollbar-thumb:hover {
  background: #3A4358;
}

@media (prefers-reduced-motion: reduce) {
  .cv-landing-page *,
  .cv-landing-page *::before,
  .cv-landing-page *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}


  .cv-landing-page .cv-landing-page,
  .cv-landing-page .cv-app-shell-page {
    display: flex;
    flex-direction: column;
    min-height: 100svh;
  }

  .cv-landing-page .cv-landing-main,
  .cv-landing-page .cv-app-shell-main {
    flex: 1;
  }

  .cv-landing-page .cv-page-transition-prep {
    position: fixed;
    inset: 0;
    visibility: hidden;
    pointer-events: none;
    overflow: hidden;
  }

.cv-app-shell-page {
  display: block;
  color: var(--cv-fg);
  background: var(--cv-bg);
  font-family: var(--cv-font-body);
  line-height: 1.6;
  contain: content;

  --cv-bg: #0B0D10;
  --cv-surface: #12151B;
  --cv-elevated: #1A1F2A;
  --cv-border: #242B3A;

  --cv-fg: #F2F5F7;
  --cv-fg-muted: #A7B0C0;

  --cv-primary: #00E5FF;
  --cv-primary-hover: #00CEE6;
  --cv-primary-active: #00B7CC;
  --cv-primary-on: #00171A;

  --cv-secondary: #B388FF;
  --cv-secondary-hover: #A17AE6;
  --cv-secondary-active: #8F6DCC;

  --cv-glow: #6200EA;

  --cv-success: #00F5A0;
  --cv-warning: #FFB020;
  --cv-danger: #FF3B30;

  --cv-gradient: linear-gradient(90deg, #00E5FF 0%, #B388FF 55%, #6200EA 100%);

  --cv-font-display: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --cv-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --cv-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  --cv-space-1: 4px;
  --cv-space-2: 8px;
  --cv-space-3: 12px;
  --cv-space-4: 16px;
  --cv-space-5: 20px;
  --cv-space-6: 24px;
  --cv-space-8: 32px;
  --cv-space-10: 40px;
  --cv-space-12: 48px;
  --cv-space-16: 64px;
  --cv-space-20: 80px;
  --cv-space-24: 96px;

  --cv-space-xs: var(--cv-space-1);
  --cv-space-sm: var(--cv-space-2);
  --cv-space-md: var(--cv-space-4);
  --cv-space-lg: var(--cv-space-6);
  --cv-space-xl: var(--cv-space-8);
  --cv-space-2xl: var(--cv-space-12);
  --cv-space-3xl: var(--cv-space-16);
  --cv-space-4xl: var(--cv-space-24);

  --cv-max-width: 1200px;
  --cv-content-width: 900px;
  --cv-padding-x: clamp(16px, 5vw, 48px);

  --cv-radius-sm: 8px;
  --cv-radius-md: 10px;
  --cv-radius-lg: 12px;

  --cv-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --cv-ease-snappy: cubic-bezier(0.2, 0, 0, 1);
  --cv-duration: 200ms;

  --cv-glow-subtle: 0 0 24px rgba(137, 64, 239, 0.25);
  --cv-glow-medium: 0 0 48px rgba(98, 0, 234, 0.3);
  --cv-glow-hero: 0 0 80px rgba(98, 0, 234, 0.35);
  --cv-focus-ring: 0 0 0 3px #B2F7FF;
  --cv-surface-overlay-strong: rgba(26, 31, 42, 0.88);
  --cv-surface-overlay: rgba(26, 31, 42, 0.85);
  --cv-surface-overlay-soft: rgba(26, 31, 42, 0.84);
  --cv-text-muted-soft: rgba(167, 176, 192, 0.6);
  --cv-border-soft: rgba(36, 43, 58, 0.5);
  --cv-border-primary-soft: rgba(0, 229, 255, 0.25);
  --cv-shadow-button-primary:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 0 1px rgba(0, 229, 255, 0.3),
    0 12px 26px rgba(0, 229, 255, 0.18);
  --cv-shadow-card-primary-hover:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0 0 1px rgba(0, 229, 255, 0.1),
    var(--cv-glow-subtle);
  --cv-shadow-card-secondary-accent:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0 0 1px rgba(179, 136, 255, 0.12),
    var(--cv-glow-subtle);
  --cv-gradient-accent-primary-soft: linear-gradient(180deg, var(--cv-primary), rgba(0, 229, 255, 0.16));
  --cv-gradient-accent-primary: linear-gradient(180deg, var(--cv-primary), rgba(0, 229, 255, 0.18));
  --cv-gradient-accent-primary-strong: linear-gradient(180deg, var(--cv-primary), rgba(0, 229, 255, 0.2));
  --cv-gradient-accent-secondary-soft: linear-gradient(180deg, var(--cv-secondary), rgba(179, 136, 255, 0.16));
  --cv-gradient-accent-secondary: linear-gradient(180deg, var(--cv-secondary), rgba(179, 136, 255, 0.18));
  --cv-gradient-accent-secondary-strong: linear-gradient(180deg, var(--cv-secondary), rgba(179, 136, 255, 0.2));
  --cv-gradient-accent-warning-strong: linear-gradient(180deg, var(--cv-warning), rgba(255, 176, 32, 0.2));

  --cv-color-bg: var(--cv-bg);
  --cv-color-surface: var(--cv-surface);
  --cv-color-surface-2: var(--cv-elevated);
  --cv-color-surface-elevated: var(--cv-elevated);
  --cv-color-text: var(--cv-fg);
  --cv-color-text-muted: var(--cv-fg-muted);
  --cv-color-border: var(--cv-border);
  --cv-color-primary: var(--cv-primary);
  --cv-color-on-primary: var(--cv-primary-on);
  --cv-color-accent: var(--cv-secondary);
  --cv-color-success: var(--cv-success);
  --cv-color-warning: var(--cv-warning);
  --cv-color-danger: var(--cv-danger);
  --cv-color-overlay: rgba(0, 0, 0, 0.72);
  --cv-duration-fast: 120ms;
  --cv-duration-normal: var(--cv-duration);
  --cv-easing-standard: var(--cv-ease);
  --cv-font-size-base: 14px;
  --cv-font-weight-medium: 500;
}

.cv-app-shell-page * {
  box-sizing: border-box;
}

.cv-app-shell-page h1, .cv-app-shell-page h2, .cv-app-shell-page h3, .cv-app-shell-page h4, .cv-app-shell-page h5, .cv-app-shell-page h6, .cv-app-shell-page p {
  margin: 0;
}

.cv-app-shell-page a {
  color: var(--cv-primary);
  text-decoration: none;
  transition: color var(--cv-duration) var(--cv-ease);
}

.cv-app-shell-page a:hover {
  text-decoration: underline;
}

.cv-app-shell-page :focus-visible {
  outline: none;
  box-shadow: var(--cv-focus-ring);
}

.cv-app-shell-page ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.cv-app-shell-page ::-webkit-scrollbar-track {
  background: var(--cv-surface);
}

.cv-app-shell-page ::-webkit-scrollbar-thumb {
  background: var(--cv-border);
  border-radius: 4px;
}

.cv-app-shell-page ::-webkit-scrollbar-thumb:hover {
  background: #3A4358;
}

@media (prefers-reduced-motion: reduce) {
  .cv-app-shell-page *,
  .cv-app-shell-page *::before,
  .cv-app-shell-page *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}