:root{--color-primary: #2E2E2E;--color-secondary: #787774;--color-accent: #5B67F4;--color-background: #FFFFFF;--color-surface: #F7F6F3;--color-divider: #E9E9E7;--color-error: #EB5757;--color-success: #27AE60;--color-warning: #F2994A;--color-text-primary: var(--color-primary);--color-text-secondary: var(--color-secondary);--color-text-inverse: #FFFFFF;--color-text-accent: var(--color-accent);--color-accent-hover: #4A56E3;--color-accent-active: #3D48D6;--color-accent-disabled: rgba(91, 103, 244, .4);--color-accent-subtle: rgba(91, 103, 244, .04);--color-accent-bg: rgba(91, 103, 244, .06);--color-accent-bg-emphasis: rgba(91, 103, 244, .08);--color-accent-bg-strong: rgba(91, 103, 244, .12);--color-accent-border: rgba(91, 103, 244, .15);--color-accent-border-emphasis: rgba(91, 103, 244, .2);--color-accent-border-strong: rgba(91, 103, 244, .3);--color-error-bg: rgba(235, 87, 87, .06);--color-success-bg: rgba(39, 174, 96, .08);--color-warning-bg: rgba(245, 166, 35, .06);--color-hover: rgba(55, 53, 47, .04);--color-hover-strong: rgba(55, 53, 47, .08);--color-glass: rgba(255, 255, 255, .85);--color-overlay: rgba(0, 0, 0, .4);--color-avatar-ring: rgba(0, 0, 0, .08);--space-1: 2px;--space-xs: 4px;--space-1-5: 6px;--space-sm: 8px;--space-2-5: 10px;--space-3: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--space-3xl: 64px;--space-4xl: 96px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-size-xs: 12px;--font-size-caption: 13px;--font-size-small: 14px;--font-size-body: 15px;--font-size-body-lg: 16px;--font-size-h3: 18px;--font-size-h2: 22px;--font-size-h1: 28px;--font-size-display: 36px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-snug: 1.4;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.5px;--letter-spacing-normal: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-card: 0px 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-focus: 0 0 0 3px rgba(91, 103, 244, .2);--transition-micro: .1s ease;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-expand: .2s cubic-bezier(.4, 0, .2, 1);--max-width-content: 1120px;--max-width-narrow: 720px;--min-touch-target: 48px}:root[data-theme=dark]{--color-primary: #FFFFFF;--color-secondary: #B4B4B4;--color-accent: #6B77FF;--color-background: #191919;--color-surface: #2A2A2A;--color-divider: #3A3A3A;--color-error: #FF6B6B;--color-success: #4ECB71;--color-warning: #FFBB47;--color-text-primary: #FFFFFF;--color-text-secondary: #B4B4B4;--color-text-inverse: #191919;--color-text-accent: #6B77FF;--color-accent-hover: #7B85FF;--color-accent-active: #8B93FF;--color-accent-disabled: rgba(107, 119, 255, .4);--color-accent-subtle: rgba(107, 119, 255, .06);--color-accent-bg: rgba(107, 119, 255, .1);--color-accent-bg-emphasis: rgba(107, 119, 255, .14);--color-accent-bg-strong: rgba(107, 119, 255, .2);--color-accent-border: rgba(107, 119, 255, .25);--color-accent-border-emphasis: rgba(107, 119, 255, .35);--color-accent-border-strong: rgba(107, 119, 255, .45);--color-error-bg: rgba(255, 107, 107, .1);--color-success-bg: rgba(78, 203, 113, .1);--color-warning-bg: rgba(255, 187, 71, .1);--color-hover: rgba(255, 255, 255, .04);--color-hover-strong: rgba(255, 255, 255, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-card: 0px 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-focus: 0 0 0 3px rgba(107, 119, 255, .3);--color-glass: rgba(25, 25, 25, .85);--color-overlay: rgba(0, 0, 0, .6);--color-avatar-ring: rgba(255, 255, 255, .25)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-primary: #FFFFFF;--color-secondary: #B4B4B4;--color-accent: #6B77FF;--color-background: #191919;--color-surface: #2A2A2A;--color-divider: #3A3A3A;--color-error: #FF6B6B;--color-success: #4ECB71;--color-warning: #FFBB47;--color-text-primary: #FFFFFF;--color-text-secondary: #B4B4B4;--color-text-inverse: #191919;--color-text-accent: #6B77FF;--color-accent-hover: #7B85FF;--color-accent-active: #8B93FF;--color-accent-disabled: rgba(107, 119, 255, .4);--color-accent-subtle: rgba(107, 119, 255, .06);--color-accent-bg: rgba(107, 119, 255, .1);--color-accent-bg-emphasis: rgba(107, 119, 255, .14);--color-accent-bg-strong: rgba(107, 119, 255, .2);--color-accent-border: rgba(107, 119, 255, .25);--color-accent-border-emphasis: rgba(107, 119, 255, .35);--color-accent-border-strong: rgba(107, 119, 255, .45);--color-error-bg: rgba(255, 107, 107, .1);--color-success-bg: rgba(78, 203, 113, .1);--color-warning-bg: rgba(255, 187, 71, .1);--color-hover: rgba(255, 255, 255, .04);--color-hover-strong: rgba(255, 255, 255, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-card: 0px 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-focus: 0 0 0 3px rgba(107, 119, 255, .3);--color-glass: rgba(25, 25, 25, .85);--color-overlay: rgba(0, 0, 0, .6);--color-avatar-ring: rgba(255, 255, 255, .25)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-h1);letter-spacing:var(--letter-spacing-tight)}@media (min-width: 768px){h1{font-size:var(--font-size-display)}}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold)}h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}p{margin-bottom:var(--space-md)}p:last-child{margin-bottom:0}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:var(--min-touch-target);padding:0 var(--space-md);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:1;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn-primary:active:not(:disabled){background-color:var(--color-accent-active)}.btn-secondary{background-color:transparent;color:var(--color-accent);border:1.5px solid var(--color-divider)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface);border-color:var(--color-accent)}.btn-ghost{background-color:transparent;color:var(--color-text-primary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface)}@keyframes spin{to{transform:rotate(360deg)}}.btn__spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.btn__spinner--sm{width:12px;height:12px;border-width:1.5px}.btn__spinner--lg{width:20px;height:20px;border-width:2.5px}.btn--loading{pointer-events:none;opacity:.7}.input,.select{width:100%;height:var(--min-touch-target);padding:12px var(--space-md);font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-primary);background-color:var(--color-background);border:1.5px solid var(--color-divider);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder,.select::placeholder{color:var(--color-secondary)}.input:hover:not(:disabled),.select:hover:not(:disabled){border-color:var(--color-secondary)}.input:focus,.select:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.input:disabled,.select:disabled{background-color:var(--color-surface);cursor:not-allowed;opacity:.6}.input.input-error,.select.input-error{border-color:var(--color-error)}.input.input-error:focus,.select.input-error:focus{box-shadow:0 0 0 3px #eb575733}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23787774' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-right:calc(var(--space-md) * 2 + 12px);cursor:pointer}label{display:block;margin-bottom:var(--space-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-group{margin-bottom:var(--space-md)}.form-error{margin-top:var(--space-xs);font-size:var(--font-size-small);color:var(--color-error)}.form-hint{margin-top:var(--space-xs);font-size:var(--font-size-caption);color:var(--color-secondary)}.card{background-color:var(--color-background);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-md)}@media (min-width: 768px){.card{padding:var(--space-lg)}}.container{width:100%;max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-md)}@media (min-width: 768px){.container{padding:0 var(--space-lg)}}.container-narrow{max-width:var(--max-width-narrow)}.section{padding:var(--space-xxl) 0}@media (min-width: 768px){.section{padding:var(--space-3xl) 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none;height:0;overflow:hidden}