/* Generated from tokens/sarah.tokens.json. Run npm run tokens. */
:root {
  --s-primitive-neutral-0: #FFFFFF;
  --s-primitive-neutral-25: #FAFAFA;
  --s-primitive-neutral-50: #F4F4F5;
  --s-primitive-neutral-100: #E4E4E7;
  --s-primitive-neutral-200: #D4D4D8;
  --s-primitive-neutral-300: #C4C4CC;
  --s-primitive-neutral-400: #A1A1AA;
  --s-primitive-neutral-500: #71717A;
  --s-primitive-neutral-600: #52525B;
  --s-primitive-neutral-700: #3F3F46;
  --s-primitive-neutral-800: #27272A;
  --s-primitive-neutral-850: #18181B;
  --s-primitive-neutral-900: #121215;
  --s-primitive-neutral-950: #09090B;
  --s-primitive-neutral-975: #050506;
  --s-primitive-neutral-1000: #000000;
  --s-primitive-blue-50: #EFF8FF;
  --s-primitive-blue-100: #DDEFFF;
  --s-primitive-blue-200: #BDE2FF;
  --s-primitive-blue-300: #8CCDFF;
  --s-primitive-blue-400: #4CADFF;
  --s-primitive-blue-500: #178BFF;
  --s-primitive-blue-600: #0670E8;
  --s-primitive-blue-700: #075ABE;
  --s-primitive-blue-800: #0D4B9B;
  --s-primitive-blue-900: #103F7D;
  --s-primitive-blue-950: #0B2853;
  --s-primitive-indigo-50: #F3F1FF;
  --s-primitive-indigo-100: #E9E4FF;
  --s-primitive-indigo-200: #D7CDFF;
  --s-primitive-indigo-300: #BBA6FF;
  --s-primitive-indigo-400: #A080FF;
  --s-primitive-indigo-500: #8155FF;
  --s-primitive-indigo-600: #5B3DF5;
  --s-primitive-indigo-700: #4C2DDE;
  --s-primitive-indigo-800: #4026BA;
  --s-primitive-indigo-900: #37248F;
  --s-primitive-indigo-950: #211454;
  --s-primitive-violet-50: #FCF3FF;
  --s-primitive-violet-100: #F6E5FF;
  --s-primitive-violet-200: #EECDFF;
  --s-primitive-violet-300: #E1A5FF;
  --s-primitive-violet-400: #CC6BFF;
  --s-primitive-violet-500: #B83DFF;
  --s-primitive-violet-600: #A020FF;
  --s-primitive-violet-700: #8513DB;
  --s-primitive-violet-800: #6F16B1;
  --s-primitive-violet-900: #5C188F;
  --s-primitive-violet-950: #3D075F;
  --s-primitive-emerald-50: #ECFDF5;
  --s-primitive-emerald-100: #D1FAE5;
  --s-primitive-emerald-200: #A7F3D0;
  --s-primitive-emerald-300: #6EE7B7;
  --s-primitive-emerald-400: #34D399;
  --s-primitive-emerald-500: #10B981;
  --s-primitive-emerald-600: #059669;
  --s-primitive-emerald-700: #047857;
  --s-primitive-emerald-800: #065F46;
  --s-primitive-emerald-900: #064E3B;
  --s-primitive-emerald-950: #022C22;
  --s-primitive-amber-50: #FFFBEB;
  --s-primitive-amber-100: #FEF3C7;
  --s-primitive-amber-200: #FDE68A;
  --s-primitive-amber-300: #FCD34D;
  --s-primitive-amber-400: #FBBF24;
  --s-primitive-amber-500: #F59E0B;
  --s-primitive-amber-600: #D97706;
  --s-primitive-amber-700: #B45309;
  --s-primitive-amber-800: #92400E;
  --s-primitive-amber-900: #78350F;
  --s-primitive-amber-950: #451A03;
  --s-primitive-red-50: #FEF2F2;
  --s-primitive-red-100: #FEE2E2;
  --s-primitive-red-200: #FECACA;
  --s-primitive-red-300: #FCA5A5;
  --s-primitive-red-400: #F87171;
  --s-primitive-red-500: #EF4444;
  --s-primitive-red-600: #DC2626;
  --s-primitive-red-700: #B91C1C;
  --s-primitive-red-800: #991B1B;
  --s-primitive-red-900: #7F1D1D;
  --s-primitive-red-950: #450A0A;
  --s-primitive-alpha-overlay: #080B15A6;
  --s-primitive-alpha-shadow: #0D10201A;
  --s-primitive-alpha-transparent: #00000000;
  --s-spacing-0: 0px;
  --s-spacing-2: 2px;
  --s-spacing-4: 4px;
  --s-spacing-8: 8px;
  --s-spacing-12: 12px;
  --s-spacing-16: 16px;
  --s-spacing-20: 20px;
  --s-spacing-24: 24px;
  --s-spacing-32: 32px;
  --s-spacing-40: 40px;
  --s-spacing-48: 48px;
  --s-spacing-64: 64px;
  --s-spacing-80: 80px;
  --s-spacing-96: 96px;
  --s-radius-none: 0px;
  --s-radius-xs: 4px;
  --s-radius-sm: 8px;
  --s-radius-md: 12px;
  --s-radius-lg: 16px;
  --s-radius-xl: 20px;
  --s-radius-2xl: 24px;
  --s-radius-3xl: 32px;
  --s-radius-full: 9999px;
  --s-size-control-sm: 40px;
  --s-size-control-md: 48px;
  --s-size-control-lg: 56px;
  --s-size-icon-sm: 16px;
  --s-size-icon-md: 20px;
  --s-size-icon-lg: 24px;
  --s-size-avatar-sm: 32px;
  --s-size-avatar-md: 40px;
  --s-size-avatar-lg: 56px;
  --s-size-content-max: 1200px;
  --s-border-width-default: 1px;
  --s-border-width-focus: 2px;
  --s-font-display: "Poppins";
  --s-font-body: "Inter";
  --s-font-mono: "Roboto Mono";
  --s-font-bengali: "Noto Sans Bengali";
  --s-font-arabic: "Noto Sans Arabic";
  --s-font-size-64: 64px;
  --s-font-size-48: 48px;
  --s-font-size-40: 40px;
  --s-font-size-32: 32px;
  --s-font-size-24: 24px;
  --s-font-size-20: 20px;
  --s-font-size-18: 18px;
  --s-font-size-16: 16px;
  --s-font-size-14: 14px;
  --s-font-size-12: 12px;
  --s-font-size-13: 13px;
  --s-line-height-76: 76px;
  --s-line-height-60: 60px;
  --s-line-height-52: 52px;
  --s-line-height-44: 44px;
  --s-line-height-34: 34px;
  --s-line-height-30: 30px;
  --s-line-height-28: 28px;
  --s-line-height-24: 24px;
  --s-line-height-22: 22px;
  --s-line-height-20: 20px;
  --s-line-height-18: 18px;
  --s-font-weight-regular: 400;
  --s-font-weight-medium: 500;
  --s-font-weight-semibold: 600;
  --s-font-weight-bold: 700;
  --s-duration-instant: 0ms;
  --s-duration-fast: 120ms;
  --s-duration-normal: 180ms;
  --s-duration-slow: 280ms;
  --s-duration-loading: 1100ms;
  --s-ease-standard: cubic-bezier(.2,.8,.2,1);
  --s-ease-enter: cubic-bezier(0,0,.2,1);
  --s-layer-base: 0;
  --s-layer-raised: 10;
  --s-layer-sticky: 20;
  --s-layer-overlay: 40;
  --s-layer-toast: 60;
  --s-layer-tooltip: 70;
  --s-grid-columns: 12;
  --s-grid-gutter: 24px;
  --s-breakpoint-sm: 640px;
  --s-breakpoint-md: 900px;
  --s-breakpoint-lg: 1200px;
  --s-button-radius: var(--s-radius-md);
  --s-button-gap: var(--s-spacing-8);
  --s-button-height: var(--s-size-control-md);
  --s-input-radius: var(--s-radius-md);
  --s-input-height: var(--s-size-control-md);
  --s-card-radius: var(--s-radius-2xl);
  --s-card-padding: var(--s-spacing-24);
  --s-dialog-radius: var(--s-radius-2xl);
  --s-dialog-padding: var(--s-spacing-32);
  --s-badge-radius: var(--s-radius-full);
  --s-focus-width: var(--s-border-width-focus);
  --s-focus-offset: var(--s-spacing-4);
  --s-marquee-duration: var(--s-duration-slow);
  --s-marquee-gap: var(--s-spacing-16);
  --s-terminal-radius: var(--s-radius-xl);
  --s-terminal-padding: var(--s-spacing-16);
  --s-terminal-bg: var(--s-bg-surface);
  --s-terminal-border: var(--s-border-default);
  --s-hero-video-radius: var(--s-radius-xl);
  --s-hero-video-halo-size: var(--s-size-control-lg);
  --s-bento-radius: var(--s-radius-xl);
  --s-bento-gap: var(--s-spacing-16);
  --s-bento-padding: var(--s-spacing-24);
  --s-animated-list-radius: var(--s-radius-lg);
  --s-animated-list-gap: var(--s-spacing-12);
  --s-dock-radius: var(--s-radius-full);
  --s-dock-size: var(--s-size-control-md);
  --s-dock-gap: var(--s-spacing-8);
  --s-dock-padding: var(--s-spacing-12);
  --s-globe-radius: var(--s-radius-full);
  --s-tweet-card-radius: var(--s-radius-xl);
  --s-tweet-card-padding: var(--s-spacing-16);
  --s-orbit-icon-size: var(--s-size-icon-lg);
  --s-orbit-path-border: var(--s-border-width-default);
  --s-avatar-circles-size: var(--s-size-avatar-md);
  --s-avatar-circles-overlap: var(--s-spacing-8);
  --s-icon-cloud-size: var(--s-size-content-max);
  --s-lens-radius: var(--s-radius-full);
  --s-lens-loupe-border: var(--s-border-width-focus);
  --s-pointer-badge-radius: var(--s-radius-md);
  --s-smooth-cursor-size: var(--s-size-icon-lg);
  --s-progressive-blur-height: var(--s-spacing-48);
  --s-dotted-map-dot-size: var(--s-size-icon-sm);
  --s-animated-beam-stroke-width: var(--s-border-width-focus);
  --s-animated-beam-color-from: var(--s-brand-indigo);
  --s-animated-beam-color-to: var(--s-brand-violet);
  --s-border-beam-width: var(--s-border-width-default);
  --s-border-beam-color-from: var(--s-brand-indigo);
  --s-border-beam-color-to: var(--s-brand-violet);
  --s-shine-border-width: var(--s-border-width-default);
  --s-shine-border-radius: var(--s-radius-xl);
  --s-magic-card-radius: var(--s-radius-xl);
  --s-magic-card-gradient-size: var(--s-size-content-max);
  --s-glare-hover-radius: var(--s-radius-xl);
  --s-brand-gradient: linear-gradient(135deg,#178BFF 0%,#5B3DF5 50%,#A020FF 100%);
  --s-shadow-subtle: 0px 2px 4px 0px rgb(13 16 32 / 0.06);
  --s-shadow-raised: 0px 8px 24px -8px rgb(13 16 32 / 0.14);
  --s-shadow-overlay: 0px 24px 64px -16px rgb(13 16 32 / 0.22);
}
:root, [data-theme="light"] {
  color-scheme: light;
  --s-bg-canvas: var(--s-primitive-neutral-25);
  --s-bg-surface: var(--s-primitive-neutral-0);
  --s-bg-subtle: var(--s-primitive-neutral-50);
  --s-bg-hover: var(--s-primitive-neutral-100);
  --s-bg-sunken: var(--s-primitive-neutral-100);
  --s-bg-inverse: var(--s-primitive-neutral-950);
  --s-bg-disabled: var(--s-primitive-neutral-100);
  --s-bg-brand: var(--s-primitive-indigo-50);
  --s-bg-overlay: var(--s-primitive-alpha-overlay);
  --s-bg-transparent: var(--s-primitive-alpha-transparent);
  --s-text-primary: var(--s-primitive-neutral-900);
  --s-text-secondary: var(--s-primitive-neutral-600);
  --s-text-muted: var(--s-primitive-neutral-600);
  --s-text-disabled: var(--s-primitive-neutral-400);
  --s-text-inverse: var(--s-primitive-neutral-0);
  --s-text-brand: var(--s-primitive-indigo-700);
  --s-text-link: var(--s-primitive-blue-700);
  --s-border-default: var(--s-primitive-neutral-200);
  --s-border-strong: var(--s-primitive-neutral-500);
  --s-border-focus: var(--s-primitive-indigo-600);
  --s-border-brand: var(--s-primitive-indigo-200);
  --s-action-primary: var(--s-primitive-indigo-600);
  --s-action-primary-hover: var(--s-primitive-indigo-700);
  --s-action-primary-pressed: var(--s-primitive-indigo-800);
  --s-action-on-primary: var(--s-primitive-neutral-0);
  --s-action-secondary: var(--s-primitive-neutral-100);
  --s-action-secondary-hover: var(--s-primitive-neutral-200);
  --s-action-danger: var(--s-primitive-red-700);
  --s-action-danger-hover: var(--s-primitive-red-800);
  --s-action-on-danger: var(--s-primitive-neutral-0);
  --s-brand-blue: var(--s-primitive-blue-500);
  --s-brand-indigo: var(--s-primitive-indigo-600);
  --s-brand-violet: var(--s-primitive-violet-600);
  --s-icon-primary: var(--s-primitive-neutral-700);
  --s-icon-muted: var(--s-primitive-neutral-500);
  --s-effect-shadow: var(--s-primitive-alpha-shadow);
  --s-status-success-bg: var(--s-primitive-emerald-50);
  --s-status-success-text: var(--s-primitive-emerald-800);
  --s-status-success-border: var(--s-primitive-emerald-200);
  --s-status-warning-bg: var(--s-primitive-amber-50);
  --s-status-warning-text: var(--s-primitive-amber-800);
  --s-status-warning-border: var(--s-primitive-amber-200);
  --s-status-danger-bg: var(--s-primitive-red-50);
  --s-status-danger-text: var(--s-primitive-red-800);
  --s-status-danger-border: var(--s-primitive-red-200);
  --s-status-info-bg: var(--s-primitive-blue-50);
  --s-status-info-text: var(--s-primitive-blue-800);
  --s-status-info-border: var(--s-primitive-blue-200);
}
[data-theme="dark"] {
  color-scheme: dark;
  --s-bg-canvas: var(--s-primitive-neutral-950);
  --s-bg-surface: var(--s-primitive-neutral-900);
  --s-bg-subtle: var(--s-primitive-neutral-850);
  --s-bg-hover: var(--s-primitive-neutral-800);
  --s-bg-sunken: var(--s-primitive-neutral-975);
  --s-bg-inverse: var(--s-primitive-neutral-0);
  --s-bg-disabled: var(--s-primitive-neutral-800);
  --s-bg-brand: var(--s-primitive-indigo-950);
  --s-bg-overlay: var(--s-primitive-alpha-overlay);
  --s-bg-transparent: var(--s-primitive-alpha-transparent);
  --s-text-primary: var(--s-primitive-neutral-50);
  --s-text-secondary: var(--s-primitive-neutral-300);
  --s-text-muted: var(--s-primitive-neutral-400);
  --s-text-disabled: var(--s-primitive-neutral-500);
  --s-text-inverse: var(--s-primitive-neutral-950);
  --s-text-brand: var(--s-primitive-indigo-300);
  --s-text-link: var(--s-primitive-blue-300);
  --s-border-default: var(--s-primitive-neutral-700);
  --s-border-strong: var(--s-primitive-neutral-400);
  --s-border-focus: var(--s-primitive-indigo-300);
  --s-border-brand: var(--s-primitive-indigo-800);
  --s-action-primary: var(--s-primitive-indigo-300);
  --s-action-primary-hover: var(--s-primitive-indigo-200);
  --s-action-primary-pressed: var(--s-primitive-indigo-100);
  --s-action-on-primary: var(--s-primitive-indigo-950);
  --s-action-secondary: var(--s-primitive-neutral-800);
  --s-action-secondary-hover: var(--s-primitive-neutral-700);
  --s-action-danger: var(--s-primitive-red-300);
  --s-action-danger-hover: var(--s-primitive-red-200);
  --s-action-on-danger: var(--s-primitive-red-950);
  --s-brand-blue: var(--s-primitive-blue-400);
  --s-brand-indigo: var(--s-primitive-indigo-300);
  --s-brand-violet: var(--s-primitive-violet-400);
  --s-icon-primary: var(--s-primitive-neutral-200);
  --s-icon-muted: var(--s-primitive-neutral-400);
  --s-effect-shadow: var(--s-primitive-alpha-shadow);
  --s-status-success-bg: var(--s-primitive-emerald-950);
  --s-status-success-text: var(--s-primitive-emerald-200);
  --s-status-success-border: var(--s-primitive-emerald-800);
  --s-status-warning-bg: var(--s-primitive-amber-950);
  --s-status-warning-text: var(--s-primitive-amber-200);
  --s-status-warning-border: var(--s-primitive-amber-800);
  --s-status-danger-bg: var(--s-primitive-red-950);
  --s-status-danger-text: var(--s-primitive-red-200);
  --s-status-danger-border: var(--s-primitive-red-800);
  --s-status-info-bg: var(--s-primitive-blue-950);
  --s-status-info-text: var(--s-primitive-blue-200);
  --s-status-info-border: var(--s-primitive-blue-800);
}
@media (prefers-reduced-motion: reduce) { :root { --s-duration-fast: 0ms; --s-duration-normal: 0ms; --s-duration-slow: 0ms; } }
.s-type-display-hero { font-family:var(--s-font-display),sans-serif; font-size:var(--s-font-size-64); line-height:var(--s-line-height-76); font-weight:600; letter-spacing:-2px; }
.s-type-display-title { font-family:var(--s-font-display),sans-serif; font-size:var(--s-font-size-48); line-height:var(--s-line-height-60); font-weight:600; letter-spacing:-1.5px; }
.s-type-heading-h1 { font-family:var(--s-font-display),sans-serif; font-size:var(--s-font-size-40); line-height:var(--s-line-height-52); font-weight:600; letter-spacing:-1px; }
.s-type-heading-h2 { font-family:var(--s-font-display),sans-serif; font-size:var(--s-font-size-32); line-height:var(--s-line-height-44); font-weight:600; letter-spacing:-0.6px; }
.s-type-heading-h3 { font-family:var(--s-font-display),sans-serif; font-size:var(--s-font-size-24); line-height:var(--s-line-height-34); font-weight:600; letter-spacing:-0.3px; }
.s-type-heading-h4 { font-family:var(--s-font-display),sans-serif; font-size:var(--s-font-size-20); line-height:var(--s-line-height-30); font-weight:500; letter-spacing:0px; }
.s-type-body-large { font-family:var(--s-font-body),sans-serif; font-size:var(--s-font-size-18); line-height:var(--s-line-height-28); font-weight:400; letter-spacing:0px; }
.s-type-body-medium { font-family:var(--s-font-body),sans-serif; font-size:var(--s-font-size-16); line-height:var(--s-line-height-24); font-weight:400; letter-spacing:0px; }
.s-type-body-small { font-family:var(--s-font-body),sans-serif; font-size:var(--s-font-size-14); line-height:var(--s-line-height-22); font-weight:400; letter-spacing:0px; }
.s-type-label-large { font-family:var(--s-font-body),sans-serif; font-size:var(--s-font-size-16); line-height:var(--s-line-height-24); font-weight:600; letter-spacing:0px; }
.s-type-label-medium { font-family:var(--s-font-body),sans-serif; font-size:var(--s-font-size-14); line-height:var(--s-line-height-20); font-weight:500; letter-spacing:0px; }
.s-type-label-small { font-family:var(--s-font-body),sans-serif; font-size:var(--s-font-size-12); line-height:var(--s-line-height-18); font-weight:500; letter-spacing:0.2px; }
.s-type-code-medium { font-family:var(--s-font-mono),sans-serif; font-size:var(--s-font-size-13); line-height:var(--s-line-height-22); font-weight:400; letter-spacing:0px; }
.s-type-locale-bengali { font-family:var(--s-font-bengali),sans-serif; font-size:var(--s-font-size-16); line-height:var(--s-line-height-28); font-weight:400; letter-spacing:0px; }
.s-type-locale-arabic { font-family:var(--s-font-arabic),sans-serif; font-size:var(--s-font-size-16); line-height:var(--s-line-height-28); font-weight:400; letter-spacing:0px; }