:root{--surface: #131315;--surface-dim: #131315;--surface-bright: #39393b;--surface-container-lowest: #0e0e10;--surface-container-low: #1b1b1d;--surface-container: #201f21;--surface-container-high: #2a2a2c;--surface-container-highest: #353437;--on-surface: #e5e1e4;--on-surface-variant: #cac4d4;--inverse-surface: #e5e1e4;--inverse-on-surface: #303032;--outline: #938e9e;--outline-variant: #484552;--surface-tint: #ccbeff;--primary: #ccbeff;--on-primary: #34118b;--primary-container: #4c31a2;--on-primary-container: #bcaaff;--inverse-primary: #644bbb;--primary-fixed: #e7deff;--primary-fixed-dim: #ccbeff;--secondary: #54dcbc;--on-secondary: #00382d;--secondary-container: #00ac8f;--on-secondary-container: #00382d;--tertiary: #c3c5db;--on-tertiary: #2c2f41;--tertiary-container: #434658;--on-tertiary-container: #b2b4ca;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffdad6;--background: #131315;--on-background: #e5e1e4;--surface-variant: #353437;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--headline-xl-weight: 700;--headline-xl-spacing: -.02em;--headline-lg-weight: 600;--headline-lg-spacing: -.01em;--title-md-weight: 600;--body-weight: 400;--label-md-weight: 500;--label-md-spacing: .01em;--label-sm-weight: 600;--label-sm-spacing: .05em;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-7: 56px;--space-8: 64px;--container-padding-desktop: 32px;--container-padding-mobile: 16px;--gutter: 24px;--stack-sm: 8px;--stack-md: 16px;--stack-lg: 32px;--container-max: 1280px;--elevation-blur: 16px;--elevation-surface: rgba(30, 30, 34, .8);--elevation-border: rgba(255, 255, 255, .08);--elevation-shadow: 0 8px 32px rgba(0, 0, 0, .4);--duration-fast: .15s;--duration-normal: .3s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html,body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}html{color-scheme:dark}body{min-height:100vh;background:var(--surface);color:var(--on-surface);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul[role=list],ol[role=list]{list-style:none;margin:0;padding:0}img,picture,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.u-headline-xl{font-size:clamp(2rem,1.4rem + 3vw,3rem);font-weight:var(--headline-xl-weight);line-height:1.15;letter-spacing:var(--headline-xl-spacing)}.u-headline-lg{font-size:clamp(1.5rem,1.3rem + 1vw,2rem);font-weight:var(--headline-lg-weight);line-height:1.25;letter-spacing:var(--headline-lg-spacing)}.u-title-md{font-size:1.25rem;font-weight:var(--title-md-weight);line-height:1.4}.u-body-lg{font-size:1.125rem;font-weight:var(--body-weight);line-height:1.55}.u-body-md{font-size:1rem;font-weight:var(--body-weight);line-height:1.5}.u-label-md{font-size:.875rem;font-weight:var(--label-md-weight);line-height:1.4;letter-spacing:var(--label-md-spacing)}.u-label-sm{font-size:.75rem;font-weight:var(--label-sm-weight);line-height:1.3;letter-spacing:var(--label-sm-spacing);text-transform:uppercase}.u-text-primary{color:var(--primary)}.u-text-secondary{color:var(--secondary)}.u-text-muted{color:var(--on-surface-variant)}.u-container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:clamp(var(--container-padding-mobile),4vw,var(--container-padding-desktop))}.u-section{padding-block:clamp(var(--space-6),8vw,var(--space-8) * 1.5)}.u-grid{display:grid;gap:var(--gutter)}.u-stack-sm>*+*{margin-top:var(--stack-sm)}.u-stack-md>*+*{margin-top:var(--stack-md)}.u-stack-lg>*+*{margin-top:var(--stack-lg)}.c-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--stack-sm);padding:.75rem 1.5rem;border-radius:var(--radius-lg);border:1px solid transparent;font-size:1rem;font-weight:var(--label-md-weight);text-decoration:none;cursor:pointer;transition:background var(--duration-normal) var(--ease-out-expo),border-color var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo),transform var(--duration-normal) var(--ease-out-expo)}.c-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px color-mix(in srgb,var(--primary-container) 45%,transparent)}.c-btn:active{transform:translateY(0);box-shadow:none}.c-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.c-btn--primary{background:var(--primary-container);color:#fff}.c-btn--primary:hover{background:var(--inverse-primary)}.c-btn--ghost{background:transparent;border-color:var(--secondary);color:var(--secondary)}.c-btn--ghost:hover{background:color-mix(in srgb,var(--secondary) 12%,transparent)}.c-btn--text{background:transparent;color:var(--secondary);padding-inline:0}.c-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:var(--radius-full);border:1px solid var(--outline-variant);background:var(--surface-container);font-size:.8125rem;font-weight:var(--label-md-weight);color:var(--on-surface-variant)}.c-card{background:var(--surface-container);border:1px solid var(--elevation-border);border-radius:var(--radius-xl);padding:var(--space-3)}.c-card--glass{background:var(--elevation-surface);backdrop-filter:blur(var(--elevation-blur));-webkit-backdrop-filter:blur(var(--elevation-blur));box-shadow:var(--elevation-shadow)}.c-field{display:flex;flex-direction:column;gap:.375rem}.c-field__label{font-size:.875rem;font-weight:var(--label-md-weight);color:var(--on-surface-variant)}.c-field__control{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--on-surface);transition:border-color var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-fast) var(--ease-out-expo)}.c-field__control:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 25%,transparent)}.c-field__control[aria-invalid=true]{border-color:var(--error)}.c-field__error{font-size:.8125rem;color:var(--error)}.c-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.u-transition{transition:transform var(--duration-normal) var(--ease-out-expo),opacity var(--duration-normal) var(--ease-out-expo)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
