#app-container{min-height:100vh}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.app-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-enter-active,.page-leave-active{transition:opacity .4s ease,transform .4s ease}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}:root{--color-primary-50: #EEF2FF;--color-primary-100: #E0E7FF;--color-primary-200: #C7D2FE;--color-primary-300: #A5B4FC;--color-primary-400: #818CF8;--color-primary-500: #6366F1;--color-primary-600: #4F46E5;--color-primary-700: #4338CA;--color-primary-800: #3730A3;--color-primary-900: #312E81;--color-primary: var(--color-primary-500);--color-primary-hover: var(--color-primary-600);--color-primary-light: var(--color-primary-300);--color-primary-dark: var(--color-primary-700);--color-primary-rgb: 99, 102, 241;--color-secondary-50: #FFF7ED;--color-secondary-100: #FFEDD5;--color-secondary-200: #FED7AA;--color-secondary-300: #FDBA74;--color-secondary-400: #FB923C;--color-secondary-500: #F97316;--color-secondary-600: #EA580C;--color-secondary-700: #C2410C;--color-secondary-800: #9A3412;--color-secondary-900: #7C2D12;--color-secondary: var(--color-secondary-500);--color-secondary-hover: var(--color-secondary-600);--color-secondary-light: var(--color-secondary-300);--color-secondary-rgb: 249, 115, 22;--color-tertiary-50: #FDF9EE;--color-tertiary-100: #FAF0D5;--color-tertiary-200: #F5E3B3;--color-tertiary-300: #EFD38D;--color-tertiary-400: #E8C167;--color-tertiary-500: #DEAD3E;--color-tertiary-600: #C49423;--color-tertiary-700: #9A7419;--color-tertiary-800: #705512;--color-tertiary-900: #46350B;--color-tertiary: var(--color-tertiary-500);--color-tertiary-hover: var(--color-tertiary-600);--color-neutral-0: #FFFFFF;--color-neutral-50: #FAFAF8;--color-neutral-100: #F5F4F2;--color-neutral-200: #E8E6E3;--color-neutral-300: #D4D1CC;--color-neutral-400: #A8A49D;--color-neutral-500: #7D786F;--color-neutral-600: #5C584F;--color-neutral-700: #3F3C35;--color-neutral-800: #2A2823;--color-neutral-900: #1A1815;--color-success-50: #ECFDF3;--color-success-100: #D1FAE5;--color-success-500: #22C55E;--color-success-600: #16A34A;--color-success-700: #15803D;--color-success: var(--color-success-500);--color-warning-50: #FFFBEB;--color-warning-100: #FEF3C7;--color-warning-500: #F59E0B;--color-warning-600: #D97706;--color-warning-700: #B45309;--color-warning: var(--color-warning-500);--color-error-50: #FEF2F2;--color-error-100: #FEE2E2;--color-error-500: #EF4444;--color-error-600: #DC2626;--color-error-700: #B91C1C;--color-error: var(--color-error-500);--color-error-light: var(--color-error-100);--color-info-50: #EFF6FF;--color-info-100: #DBEAFE;--color-info-500: #3B82F6;--color-info-600: #2563EB;--color-info-700: #1D4ED8;--color-info: var(--color-info-500);--color-background: var(--color-neutral-50);--color-background-warm: var(--color-secondary-50);--color-surface: var(--color-neutral-0);--color-surface-elevated: var(--color-neutral-0);--color-surface-subtle: var(--color-neutral-100);--color-surface-muted: var(--color-neutral-200);--color-surface-hover: var(--color-neutral-100);--color-surface-secondary: var(--color-neutral-100);--color-accent-soft: var(--color-primary-50);--color-warm-soft: var(--color-secondary-50);--color-text-primary: var(--color-neutral-800);--color-text-body: var(--color-neutral-700);--color-text-secondary: var(--color-neutral-600);--color-text-tertiary: var(--color-neutral-400);--color-text-muted: var(--color-neutral-500);--color-text-placeholder: var(--color-neutral-400);--color-text-disabled: var(--color-neutral-300);--color-text-inverse: var(--color-neutral-0);--color-text-on-primary: var(--color-neutral-0);--color-text-on-secondary: var(--color-neutral-0);--color-border: var(--color-neutral-200);--color-border-light: var(--color-neutral-100);--color-border-dark: var(--color-neutral-300);--color-border-hover: var(--color-neutral-300);--color-border-focus: var(--color-primary-400);--shadow-color: 26, 24, 21;--shadow-sm: 0 1px 2px rgba(var(--shadow-color), .05);--shadow-md: 0 4px 6px rgba(var(--shadow-color), .07);--shadow-lg: 0 10px 15px rgba(var(--shadow-color), .1);--shadow-xl: 0 20px 25px rgba(var(--shadow-color), .15);--shadow-2xl: 0 25px 50px rgba(var(--shadow-color), .25);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Merriweather", Georgia, serif;--font-display: "Poppins", var(--font-sans);--font-handwritten: "Caveat", cursive;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--book-leather-brown: #8B4513;--book-leather-dark: #654321;--book-spine-shadow: rgba(var(--shadow-color), .3);--book-page-cream: #fdfbf7;--book-page-shadow: rgba(var(--shadow-color), .1);--glass-background: rgba(255, 255, 255, .1);--glass-background-light: rgba(255, 255, 255, .95);--glass-border: rgba(255, 255, 255, .2);--glass-blur: blur(10px);--gradient-hero: linear-gradient(135deg, var(--color-neutral-50) 0%, var(--color-secondary-50) 50%, var(--color-primary-50) 100%);--gradient-premium: linear-gradient(135deg, var(--color-tertiary-200) 0%, var(--color-tertiary-300) 100%);--gradient-trust: linear-gradient(135deg, var(--color-primary-50) 0%, var(--color-primary-100) 100%);--gradient-primary: linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-700) 100%);--gradient-secondary: linear-gradient(135deg, var(--color-secondary-400) 0%, var(--color-secondary-600) 100%);--focus-ring: 3px solid var(--color-primary-400);--focus-ring-offset: 2px;--shadow-primary-sm: 0 4px 14px rgba(var(--color-primary-rgb), .25);--shadow-primary-md: 0 4px 15px rgba(var(--color-primary-rgb), .4);--shadow-primary-lg: 0 6px 20px rgba(var(--color-primary-rgb), .5);--shadow-secondary-md: 0 4px 15px rgba(var(--color-secondary-rgb), .4);--shadow-secondary-lg: 0 6px 20px rgba(var(--color-secondary-rgb), .5)}@media(prefers-color-scheme:dark){:root.auto-dark{--color-background: var(--color-neutral-900);--color-surface: var(--color-neutral-800);--color-surface-elevated: var(--color-neutral-700);--color-surface-subtle: var(--color-neutral-800);--color-surface-muted: var(--color-neutral-700);--color-accent-soft: var(--color-primary-900);--color-warm-soft: var(--color-secondary-900);--color-text-primary: var(--color-neutral-100);--color-text-body: var(--color-neutral-200);--color-text-secondary: var(--color-neutral-300);--color-text-muted: var(--color-neutral-400);--color-text-placeholder: var(--color-neutral-500);--color-text-disabled: var(--color-neutral-600);--color-border: var(--color-neutral-700);--color-border-light: var(--color-neutral-800);--color-border-dark: var(--color-neutral-600);--glass-background: rgba(0, 0, 0, .3);--glass-background-light: rgba(42, 40, 35, .95);--glass-border: rgba(255, 255, 255, .1)}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background)}body{font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6;min-height:100vh;min-height:100dvh}#app{min-height:100vh;min-height:100dvh}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img,video{max-width:100%;height:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-slow)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-enter-active,.slide-fade-leave-active{transition:all var(--transition-slow)}.slide-fade-enter-from{opacity:0;transform:translateY(20px)}.slide-fade-leave-to{opacity:0;transform:translateY(-20px)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.glass{background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.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}