:root{--phi: 1.618;--nav-height: 92px;--font-family-sans: "Varta", sans-serif;--font-family-display: "Montserrat", sans-serif;--font-weight-thin: 100;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--font-size-xs: clamp(.75rem, .7rem + .2vw, .8125rem);--font-size-s: clamp(.875rem, .82rem + .25vw, .9375rem);--font-size-m: clamp(1rem, .95rem + .3vw, 1.125rem);--font-size-l: clamp(1.25rem, 1.1rem + .8vw, 1.5rem);--font-size-xl: clamp(1.563rem, 1.3rem + 1.2vw, 1.875rem);--font-size-xxl: clamp(1.953rem, 1.6rem + 1.6vw, 2.5rem);--line-height-tight: 1.1;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--line-height-loose: 1.85;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .02em;--space-2xs: .25em;--space-xs: .4em;--space-s: .65em;--space-m: 1em;--space-l: 1.618em;--space-xl: 2.618em;--space-2xl: 4.236em;--space-3xl: 6.854em;--radius-none: 0;--radius-sm: 3px;--radius-md: 5px;--radius-lg: 8px;--radius-xl: 13px;--radius-2xl: 21px;--radius-pill: 9999px;--shadow-none: none;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .12), 0 4px 6px -4px rgba(0, 0, 0, .12);--border-width-thin: 1px;--border-width-thick: 2px;--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--easing-standard: cubic-bezier(.2, 0, 0, 1);--easing-emphasized: cubic-bezier(.2, 0, 0, 1.2);--z-nav: 10;--z-overlay: 100;--z-modal: 1000;--z-toast: 1100;--brand-50: rgb(255, 241, 247);--brand-100: rgb(255, 226, 240);--brand-200: rgb(255, 195, 225);--brand-300: rgb(237, 135, 191);--brand-400: rgb(196, 61, 143);--brand-500: rgb(162, 21, 113);--brand-600: rgb(138, 0, 95);--brand-700: rgb(111, 0, 76);--brand-800: rgb(86, 0, 57);--brand-900: rgb(61, 1, 40);--accent-50: rgb(255, 243, 233);--accent-100: rgb(255, 230, 211);--accent-200: rgb(255, 213, 179);--accent-300: rgb(255, 190, 138);--accent-400: rgb(255, 166, 88);--accent-500: rgb(242, 143, 41);--accent-600: rgb(218, 126, 30);--accent-700: rgb(190, 113, 37);--accent-800: rgb(163, 99, 40);--accent-900: rgb(136, 86, 41);--neutral-50: rgb(248, 248, 248);--neutral-100: rgb(242, 242, 242);--neutral-200: rgb(228, 228, 228);--neutral-300: rgb(215, 215, 215);--neutral-400: rgb(174, 174, 174);--neutral-500: rgb(128, 128, 128);--neutral-600: rgb(99, 99, 99);--neutral-700: rgb(72, 72, 72);--neutral-800: rgb(41, 41, 41);--neutral-900: rgb(18, 18, 18);--success-500: rgb(97, 189, 103);--warning-500: rgb(253, 195, 87);--danger-500: rgb(218, 83, 79);--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--gutter-mobile: max(1rem, min(4vw, 1.5rem));--gutter-tablet: max(1.25rem, min(3vw, 1.75rem));--gutter-desktop: max(1.5rem, min(2vw, 2rem))}@supports (color: color(display-p3 0 0 0%)){:root{--brand-50: rgb(255, 241, 247);--brand-100: rgb(255, 226, 240);--brand-200: rgb(255, 195, 225);--brand-600: rgb(138, 0, 95);--brand-700: rgb(111, 0, 76);--brand-800: rgb(86, 0, 57);--accent-50: rgb(255, 243, 233);--accent-100: rgb(255, 230, 211);--accent-200: rgb(255, 213, 179);--accent-300: rgb(255, 190, 138);--accent-400: rgb(255, 166, 88)}@media(color-gamut:p3){:root{--brand-50: color(display-p3 .99366 .94336 .9695);--brand-100: color(display-p3 .986 .8867 .9391);--brand-200: color(display-p3 .96687 .77297 .87865);--brand-600: color(display-p3 .49712 .08043 .36375);--brand-700: color(display-p3 .40542 .03715 .29217);--brand-800: color(display-p3 .30877 .03035 .22041);--accent-50: color(display-p3 1 .95066 .90646);--accent-100: color(display-p3 1 .90025 .81067);--accent-200: color(display-p3 .99642 .83222 .68383);--accent-300: color(display-p3 .98855 .74475 .52035);--accent-400: color(display-p3 .96341 .66112 .37253)}}}:root{--text-family: var(--font-family-sans);--text-size: var(--font-size-m);--text-line: var(--line-height-normal);--text-weight: var(--font-weight-regular);--text-tracking: var(--tracking-normal);--headline-display-family: var(--font-family-display);--headline-display-size: var(--font-size-xxl);--headline-display-line: var(--line-height-snug);--headline-display-weight: var(--font-weight-black);--headline-display-tracking: var(--tracking-tight);--headline-hero-family: var(--font-family-display);--headline-hero-size: var(--font-size-xxl);--headline-hero-line: var(--line-height-snug);--headline-hero-weight: var(--font-weight-bold);--headline-hero-tracking: var(--tracking-tight);--headline-section-family: var(--font-family-display);--headline-section-size: var(--font-size-xl);--headline-section-line: var(--line-height-snug);--headline-section-weight: var(--font-weight-semibold);--headline-section-tracking: var(--tracking-tight);--body-large-size: var(--font-size-l);--body-large-line: var(--line-height-normal);--body-large-weight: var(--font-weight-regular);--body-size: var(--font-size-m);--body-line: var(--line-height-normal);--body-weight: var(--font-weight-regular);--body-small-size: var(--font-size-s);--body-small-line: var(--line-height-relaxed);--body-small-weight: var(--font-weight-regular);--label-size: var(--font-size-xs);--label-line: var(--line-height-relaxed);--label-weight: var(--font-weight-medium);--label-tracking: var(--tracking-wide);--space-section: var(--space-xl);--space-block: var(--space-m);--space-inline: var(--space-s);--space-dense: var(--space-xs);--space-loose: var(--space-l);--color-bg: var(--neutral-50);--color-surface: var(--neutral-100);--color-fg: var(--neutral-800);--color-fg-muted: var(--neutral-600);--color-border: var(--neutral-300);--color-divider: rgba(0, 0, 0, .1);--color-action: var(--brand-500);--color-action-contrast: white;--color-accent: var(--accent-500);--color-accent-contrast: white;--color-success: var(--success-500);--color-warning: var(--warning-500);--color-danger: var(--danger-500);--color-black: var(--neutral-900);--color-white: var(--neutral-50);--color-light-grey: var(--neutral-400);--color-gray: var(--neutral-600);--color-text: var(--neutral-900);--radius-control: var(--radius-md);--radius-card: var(--radius-lg);--radius-panel: var(--radius-xl);--shadow-raised: var(--shadow-sm);--shadow-floating: var(--shadow-md);--shadow-elevated: var(--shadow-lg);--duration-interaction: var(--duration-base);--duration-hover: var(--duration-fast);--duration-entrance: var(--duration-slow);--easing-default: var(--easing-standard);--container-max: var(--container-xl);--container-wide: var(--container-2xl);--container-fluid: 100%;--gutter: var(--gutter-mobile);--block-default-bg-color: var(--color-bg, pink);--block-default-text-color: var(--color-text, black);--block-light-bg-color: transparent;--block-light-text-color: blue;--block-dark-bg-color: #639;--block-dark-text-color: white;--block-bg-color: var(--block-default-bg-color);--block-text-color: var(--block-default-text-color)}html[data-theme=dark]{--color-bg: var(--neutral-900);--color-surface: var(--neutral-800);--color-fg: var(--neutral-50);--color-fg-muted: var(--neutral-300);--color-border: var(--neutral-700);--color-divider: rgba(255, 255, 255, .08);--color-action: var(--brand-400);--color-action-contrast: rgb(3, 3, 3);--color-accent: var(--accent-400);--color-accent-contrast: rgb(3, 3, 3)}:root{--pink: rgba(232, 48, 138, 1);--purple: rgba(149, 34, 105, 1);--green: rgba(149, 193, 31, 1);--yellow: rgba(242, 229, 0, 1);--dark-yellow: rgba(237, 210, 8, 1);--blue: rgba(131, 208, 245, 1);--violet: rgba(120, 127, 189, 1);--dark-gray: rgba(32, 32, 32, 1);--white: rgba(253, 253, 253, 1);--black: rgba(20, 20, 20, 1);--gray-100: rgba(245, 245, 245, 1);--gray-200: rgba(224, 224, 224, 1);--gray-300: rgba(189, 189, 189, 1);--gray-400: rgba(152, 152, 152, 1);--gray-500: rgba(124, 124, 124, 1);--gray-600: rgba(101, 101, 101, 1);--gray-700: rgba(82, 82, 82, 1);--gray-800: rgba(70, 70, 70, 1);--gray-900: rgba(41, 41, 41, 1);--error: rgba(223, 2, 2, 1);--error-lighter: rgba(241, 37, 37, 1);--error-soft: rgba(255, 228, 228, 1);--pink-alpha-0: rgba(232, 48, 138, 0);--purple-alpha-0: rgba(149, 34, 105, 0);--green-alpha-0: rgba(149, 193, 31, 0);--yellow-alpha-0: rgba(242, 229, 0, 0);--blue-alpha-0: rgba(131, 208, 245, 0);--violet-alpha-0: rgba(120, 127, 189, 0);--dark-gray-alpha-0: rgba(32, 32, 32, 0);--black-alpha-0: rgba(20, 20, 20, 0);--white-alpha-0: rgba(255, 255, 255, 0);--pink-alpha-50: rgba(232, 48, 138, .5);--purple-alpha-50: rgba(149, 34, 105, .5);--green-alpha-50: rgba(149, 193, 31, .5);--yellow-alpha-50: rgba(242, 229, 0, .5);--blue-alpha-50: rgba(131, 208, 245, .5);--violet-alpha-50: rgba(120, 127, 189, .5);--dark-gray-alpha-50: rgba(32, 32, 32, .5);--black-alpha-50: rgba(20, 20, 20, .5);--white-alpha-50: rgba(255, 255, 255, .5);--font-emphasis: var(--font-pp-supply-mono, "PP Supply Mono", monospace);--font-body: var(--font-pp-neue-montreal-mono, "PP Neue Montreal Mono", monospace);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 5rem;--text-9xl: 6rem;--text-10xl: 8rem;--text-fluid-base: max(1rem, 1vw);--text-fluid-base-lg: max(1rem, 1.2vw);--text-fluid-xl: max(1.25rem, 1.25vw);--text-fluid-2xlarge: max(1.75rem, 3.5vw);--text-fluid-2xlarge-bold: max(1.75rem, 3.5vw);--text-fluid-3xlarge: max(2rem, 6vw);--text-fluid-3xlarge-bold: max(1.75rem, 7vw);--leading-none: 1;--leading-tight: 1.25;--leading-relaxed: 1.5;--weight-ultra-light: 100;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-bold: 700;--space-0: 0;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-4-5: 1.125rem;--space-5: 1.25rem;--space-5-5: 1.375rem;--space-6: 1.5rem;--space-6-5: 1.625rem;--space-7: 1.75rem;--space-7-5: 1.875rem;--space-8: 2rem;--space-8-5: 2.125rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-44: 11rem;--space-48: 12rem;--space-52: 13rem;--space-56: 14rem;--space-60: 15rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 624.9375rem}:root{--type-display-xl-family: var(--font-emphasis);--type-display-xl-size: var(--text-10xl);--type-display-xl-weight: var(--weight-bold);--type-display-xl-line-height: 1.1;--type-display-lg-family: var(--font-emphasis);--type-display-lg-size: var(--text-9xl);--type-display-lg-weight: var(--weight-bold);--type-display-lg-line-height: 1.1;--type-display-md-family: var(--font-emphasis);--type-display-md-size: var(--text-8xl);--type-display-md-weight: var(--weight-bold);--type-display-md-line-height: 1.1;--type-display-sm-family: var(--font-emphasis);--type-display-sm-size: var(--text-7xl);--type-display-sm-weight: var(--weight-bold);--type-display-sm-line-height: 1.1;--type-h1-family: var(--font-emphasis);--type-h1-size: var(--text-6xl);--type-h1-weight: var(--weight-bold);--type-h1-line-height: 1.2;--type-h2-family: var(--font-emphasis);--type-h2-size: var(--text-5xl);--type-h2-weight: var(--weight-bold);--type-h2-line-height: 1.2;--type-h3-family: var(--font-emphasis);--type-h3-size: var(--text-4xl);--type-h3-weight: var(--weight-medium);--type-h3-line-height: 1.25;--type-h4-family: var(--font-emphasis);--type-h4-size: var(--text-3xl);--type-h4-weight: var(--weight-medium);--type-h4-line-height: 1.3;--type-h5-family: var(--font-emphasis);--type-h5-size: var(--text-2xl);--type-h5-weight: var(--weight-medium);--type-h5-line-height: 1.3;--type-h6-family: var(--font-emphasis);--type-h6-size: var(--text-xl);--type-h6-weight: var(--weight-medium);--type-h6-line-height: 1.4;--type-body-lg-family: var(--font-body);--type-body-lg-size: var(--text-lg);--type-body-lg-weight: var(--weight-normal);--type-body-lg-line-height: 1.6;--type-body-family: var(--font-body);--type-body-size: var(--text-base);--type-body-weight: var(--weight-normal);--type-body-line-height: 1.6;--type-body-sm-family: var(--font-body);--type-body-sm-size: var(--text-sm);--type-body-sm-weight: var(--weight-normal);--type-body-sm-line-height: 1.5;--type-label-family: var(--font-body);--type-label-size: var(--text-sm);--type-label-weight: var(--weight-medium);--type-label-line-height: 1.4;--type-caption-family: var(--font-body);--type-caption-size: var(--text-xs);--type-caption-weight: var(--weight-normal);--type-caption-line-height: 1.4;--type-button-family: var(--font-body);--type-button-size: var(--text-sm);--type-button-weight: var(--weight-medium);--type-button-line-height: 1;--type-input-family: var(--font-body);--type-input-size: var(--text-base);--type-input-weight: var(--weight-normal);--type-input-line-height: 1.5}:root{--spacing-page-gutter: var(--space-6);--spacing-section-gap: var(--space-16);--spacing-card-padding: var(--space-6);--spacing-stack-xs: var(--space-1);--spacing-stack-sm: var(--space-2);--spacing-stack-md: var(--space-4);--spacing-stack-lg: var(--space-6);--spacing-stack-xl: var(--space-8);--spacing-inline-xs: var(--space-1);--spacing-inline-sm: var(--space-2);--spacing-inline-md: var(--space-3);--spacing-inline-lg: var(--space-4);--spacing-btn-x: var(--space-4);--spacing-btn-y: var(--space-2);--spacing-btn-gap: var(--space-2);--spacing-input-x: var(--space-3);--spacing-input-y: var(--space-2);--radius-button: var(--radius-md);--radius-input: var(--radius-md);--radius-card: var(--radius-xl);--radius-modal: var(--radius-2xl);--radius-badge: var(--radius-full);--radius-avatar: var(--radius-full)}.t-white{--text: var(--dark-gray);--text-inverted: var(--white);--text-dimmed: var(--black-alpha-50);--text-on-dark: var(--white);--error: var(--error);--bg-color: var(--white);--bg-dark: var(--dark-gray);--bg-opacity-0: var(--white-alpha-0);--btn-primary: var(--yellow);--btn-primary-dark: var(--dark-yellow);--btn-secondary: var(--dark-gray);--btn-label-primary: var(--dark-gray);--btn-label-secondary: var(--white);--btn-label-tertiary: var(--dark-gray)}.t-black{--text: var(--white);--text-inverted: var(--dark-gray);--text-dimmed: var(--white-alpha-50);--text-on-dark: var(--white);--error: var(--error-lighter);--border-dimmed: var(--white-alpha-50);--bg-color: var(--dark-gray);--bg-dark: var(--black);--bg-opacity-0: var(--dark-gray-alpha-0);--btn-primary: var(--yellow);--btn-secondary: var(--white);--btn-fill-secondary: var(--white);--btn-border-tertiary: var(--white);--btn-label-primary: var(--dark-gray);--btn-label-secondary: var(--dark-gray);--btn-label-tertiary: var(--white)}.t-pink{--text: var(--white);--text-inverted: var(--dark-gray);--text-dimmed: var(--white-alpha-50);--text-on-dark: var(--white);--error: transparent;--bg-color: var(--pink);--bg-dark: var(--dark-gray);--bg-opacity-0: var(--pink-alpha-0);--btn-primary: var(--yellow);--btn-secondary: var(--black);--btn-fill-secondary: var(--black);--btn-border-tertiary: var(--white);--btn-label-primary: var(--dark-gray);--btn-label-secondary: var(--white);--btn-label-tertiary: var(--white)}.t-yellow{--text: var(--dark-gray);--text-inverted: var(--white);--text-dimmed: var(--black-alpha-50);--text-on-dark: var(--white);--error: transparent;--bg-color: var(--yellow);--bg-dark: var(--dark-gray);--bg-opacity-0: var(--yellow-alpha-0);--btn-primary: var(--black);--btn-secondary: var(--black);--btn-fill-primary: var(--black);--btn-fill-secondary: var(--black);--btn-border-tertiary: var(--black);--btn-label-primary: var(--white);--btn-label-secondary: var(--white);--btn-label-tertiary: var(--black)}.t-green{--text: var(--dark-gray);--text-inverted: var(--white);--text-dimmed: var(--black-alpha-50);--text-on-dark: var(--white);--error: transparent;--bg-color: var(--green);--bg-dark: var(--dark-gray);--bg-opacity-0: var(--green-alpha-0);--btn-primary: var(--yellow);--btn-secondary: var(--dark-gray);--btn-label-primary: var(--dark-gray);--btn-label-secondary: var(--white);--btn-label-tertiary: var(--dark-gray)}.t-blue{--text: var(--dark-gray);--text-inverted: var(--white);--text-dimmed: var(--black-alpha-50);--text-on-dark: var(--white);--error: transparent;--bg-color: var(--blue);--bg-dark: var(--dark-gray);--bg-opacity-0: var(--blue-alpha-0);--btn-primary: var(--yellow);--btn-secondary: var(--dark-gray);--btn-label-primary: var(--dark-gray);--btn-label-secondary: var(--white);--btn-label-tertiary: var(--dark-gray)}:root{--text: var(--dark-gray);--text-inverted: var(--white);--text-dimmed: var(--black-alpha-50);--text-on-dark: var(--white);--error: var(--error);--bg-color: var(--white);--bg-dark: var(--dark-gray);--bg-opacity-0: var(--white-alpha-0);--btn-primary: var(--yellow);--btn-secondary: var(--dark-gray);--btn-label-primary: var(--dark-gray);--btn-label-secondary: var(--white);--btn-label-tertiary: var(--dark-gray)}.section--m-color,:root{--bg-dark-on-color: var(--bg-dark);--bg-light-on-color: var(--white);--btn-fill-primary: var(--btn-primary);--btn-fill-secondary: var(--btn-secondary);--btn-border-tertiary: var(--btn-secondary);--text-on-dark-bg: var(--text-on-dark);--border: var(--text);--border-dimmed: var(--text-dimmed);--error-soft: var(--error-soft);--input-text: var(--dark-gray);--input-bg: var(--white);--input-border: var(--dark-gray);--input-placeholder: var(--gray-500);--input-disabled-text: var(--gray-500);--input-disabled-border: var(--gray-500);--input-disabled-bg: var(--gray-100)}.section--m-dark{--bg-color: var(--black);--bg-dark-on-color: var(--black);--bg-light-on-color: var(--dark-gray);--text: var(--white);--text-inverted: var(--dark-gray);--text-dimmed: var(--white-alpha-50);--text-on-dark-bg: var(--white);--border: var(--white);--border-dimmed: var(--gray-600);--error: var(--error-lighter);--error-soft: var(--error-lighter);--btn-fill-primary: var(--yellow);--btn-fill-secondary: var(--white);--btn-border-tertiary: var(--white);--btn-label-primary: var(--dark-gray);--btn-label-secondary: var(--dark-gray);--btn-label-tertiary: var(--white);--input-text: var(--dark-gray);--input-bg: var(--white);--input-border: var(--dark-gray);--input-placeholder: var(--gray-500);--input-disabled-text: var(--gray-500);--input-disabled-border: var(--gray-500);--input-disabled-bg: var(--gray-100)}.section--m-light{--bg-color: var(--gray-200);--bg-dark-on-color: var(--gray-200);--bg-light-on-color: var(--white);--text: var(--dark-gray);--text-inverted: var(--white);--text-dimmed: var(--black-alpha-50);--text-on-dark-bg: var(--white);--border: var(--dark-gray);--border-dimmed: var(--gray-400);--error: var(--error);--error-soft: var(--error);--btn-fill-primary: var(--yellow);--btn-fill-secondary: var(--black);--btn-border-tertiary: var(--black);--btn-label-primary: var(--dark-gray);--btn-label-secondary: var(--white);--btn-label-tertiary: var(--dark-gray);--input-text: var(--dark-gray);--input-bg: var(--white);--input-border: var(--dark-gray);--input-placeholder: var(--gray-500);--input-disabled-text: var(--gray-500);--input-disabled-border: var(--gray-500);--input-disabled-bg: var(--gray-100)}body,html{font-family:Varta,sans-serif;font-family:var(--font-family-sans);margin:0;padding:0}html{background-color:#fff}body{background-size:30px 30px;background-image:linear-gradient(to right,#f1f1f1 1px,transparent 1px),linear-gradient(to bottom,#f1f1f1 1px,transparent 1px)}main{position:relative}
