:root{--primary-color: #4f46e5;--primary-light: #818cf8;--primary-dark: #4338ca;--secondary-color: #ec4899;--accent-color: #14b8a6;--background-color: #f8fafc;--surface-color: #ffffff;--surface-transparent: rgba(255, 255, 255, .8);--text-primary: #1e293b;--text-secondary: #64748b;--text-light: #94a3b8;--text-on-primary: #ffffff;--border-light: rgba(0, 0, 0, .05);--border-medium: rgba(0, 0, 0, .1);--border-dark: rgba(0, 0, 0, .2);--border-input: #e2e8f0;--border-input-focus: #4f46e5;--neutral-50: #f9f9f9;--neutral-100: #f0f0f0;--neutral-200: #eee;--neutral-300: #ddd;--neutral-400: #999;--neutral-500: #888;--neutral-600: #666;--neutral-700: #333;--neutral-800: #2d3748;--neutral-900: #111;--warning-color: #ff6b35;--warning-light: #f7931e;--warning-shadow: rgba(255, 107, 53, .3);--error-color: #e53e3e;--error-background: #fed7d7;--error-text: #c53030;--success-color: #10b981;--info-color: #007bff;--info-background: #f0f7ff;--danger-color: #e11d48;--danger-dark: #be123c;--danger-shadow: rgba(225, 29, 72, .3);--auth-primary: #ff9f1c;--auth-primary-hover: #f08e0b;--auth-background: #fcece9;--auth-text: #4a5568;--auth-divider: #718096;--hover-overlay: rgba(0, 0, 0, .05);--active-overlay: rgba(0, 0, 0, .1);--disabled-opacity: .5;--modal-overlay: rgba(0, 0, 0, .5);--surface-overlay-light: rgba(255, 255, 255, .1);--surface-shadow-subtle: rgba(0, 0, 0, .03);--surface-shadow-card: 0 4px 12px rgba(0, 0, 0, .03);--surface-shadow-pill: 0 2px 4px rgba(0, 0, 0, .1);--surface-shadow-ribbon: 0 2px 8px rgba(255, 107, 53, .3);--surface-shadow-auth: 0 10px 25px rgba(0, 0, 0, .05);--surface-shadow-fab: 0 8px 24px rgba(99, 102, 241, .4);--surface-shadow-wizard: 0 10px 30px rgba(0, 0, 0, .05);--surface-shadow-button-hover: 0 4px 12px rgba(99, 102, 241, .2);--surface-shadow-auth-button-hover: 0 4px 12px rgba(255, 159, 28, .3);--surface-shadow-google-hover: 0 1px 3px rgba(0, 0, 0, .1);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: clamp(1.5rem, 1vw + 1.25rem, 1.75rem);--font-size-3xl: clamp(1.75rem, 1.5vw + 1.25rem, 2rem);--font-size-4xl: clamp(2rem, 2vw + 1.5rem, 2.5rem);--font-size-5xl: clamp(2.5rem, 3vw + 2rem, 3rem);--font-size-6xl: clamp(2.75rem, 5vw + 1.5rem, 3.5rem);--font-size-display: var(--font-size-6xl);--font-size-h1: var(--font-size-6xl);--font-size-h2: var(--font-size-4xl);--font-size-h3: var(--font-size-2xl);--font-size-body-lg: var(--font-size-md);--font-size-body: var(--font-size-base);--font-size-label: var(--font-size-sm);--font-size-caption: var(--font-size-xs);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-display: var(--font-weight-bold);--font-weight-heading: var(--font-weight-bold);--font-weight-body: var(--font-weight-normal);--font-weight-label: var(--font-weight-medium);--line-height-none: 1;--line-height-tight: 1.15;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 1.75;--line-height-display: var(--line-height-tight);--line-height-heading: var(--line-height-snug);--line-height-body: var(--line-height-relaxed);--letter-spacing-tight: -.02em;--letter-spacing-normal: .01em;--letter-spacing-wide: .04em;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 4rem;--spacing-3xl: 8rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--backdrop-blur: blur(12px)}*{box-sizing:border-box}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--primary-color);color:var(--text-on-primary);padding:.5rem 1rem;text-decoration:none;border-radius:0 0 var(--radius-md) 0;z-index:9999;font-weight:var(--font-weight-semibold);transition:top .3s}.skip-to-content:focus{top:0}body{margin:0;font-family:var(--font-body);background-color:var(--background-color);color:var(--text-primary);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-synthesis:none;font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--spacing-md);color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-tight);text-wrap:balance}h1{font-size:var(--font-size-h1);line-height:var(--line-height-display)}h2{font-size:var(--font-size-h2);line-height:var(--line-height-heading)}h3{font-size:var(--font-size-h3);line-height:var(--line-height-heading)}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}