.appHome{width:100%}:root{--bg-gradient: radial-gradient(ellipse at 50% 38%, #dce9f7 0%, #c6d7ec 52%, #b8cbde 100%);--bg-base: #c6d7ec;--color-heading: #1a1a2e;--color-body: #38406a;--color-muted: #4a5470;--color-accent: #6d28d9;--color-accent-2: #8b5cf6;--glass-bg: rgba(255, 255, 255, .35);--glass-border: rgba(255, 255, 255, .6);--glass-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 4px 16px rgba(0, 0, 0, .08);--surface-bg: rgba(255, 255, 255, .55);--surface-border: rgba(255, 255, 255, .7);--surface-bg-hover: rgba(255, 255, 255, .82);--input-bg: rgba(255, 255, 255, .65);--input-border: rgba(109, 40, 217, .2);--input-bg-focus: rgba(255, 255, 255, .92);--input-focus-ring: 0 0 0 3px rgba(109, 40, 217, .1);--accent-tint-bg: rgba(109, 40, 217, .07);--accent-tint-border: rgba(109, 40, 217, .16);--font-body: "Figtree", system-ui, sans-serif;--font-display: "Playfair Display", Georgia, serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .625rem;--radius-xl: .875rem;--radius-full: 9999px;--ease-fast: .15s ease-in-out;--ease-normal: .25s ease-in-out;--text-xs: .8rem;--text-sm: .9rem;--text-md: .95rem;--text-base: 1rem;--text-lg: 1.05rem;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-600: #475569;--gray-700: #334155;--gray-900: #0f172a;--color-beginner: #15803d;--color-beginner-bg: rgba(22, 163, 74, .1);--color-beginner-border: rgba(22, 163, 74, .2);--color-intermediate: #d97706;--color-intermediate-bg: rgba(251, 146, 60, .12);--color-intermediate-border: rgba(251, 146, 60, .28);--color-advanced: #b91c1c;--color-advanced-bg: rgba(220, 38, 38, .1);--color-advanced-border: rgba(220, 38, 38, .2);--green-500: #22c55e;--green-600: #16a34a;--orange-500: #f97316;--orange-600: #ea580c;--red-500: #ef4444;--red-600: #dc2626;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .09), 0 1px 0 rgba(0, 0, 0, .04);--shadow-md: 0 4px 10px rgba(0, 0, 0, .11), 0 1px 3px rgba(0, 0, 0, .07);--shadow-lg: 0 8px 20px rgba(0, 0, 0, .14), 0 2px 6px rgba(0, 0, 0, .08);--bg-page: var(--bg-base);--text-primary: var(--color-heading);--text-secondary: var(--color-muted);--accent: var(--color-accent);--accent-light: #ede9fe;--accent-border: #c4b5fd;--border: rgba(255, 255, 255, .55);--glass: var(--glass-bg);--purple-500: #8b5cf6;--purple-600: #7c3aed;--transition-fast: var(--ease-fast);--transition-normal: var(--ease-normal);--primary-500: var(--color-accent);--spacing-1: var(--space-1);--spacing-2: var(--space-2);--spacing-3: var(--space-3);--spacing-4: var(--space-4);--spacing-5: var(--space-5);--spacing-6: var(--space-6);--spacing-8: var(--space-8);--spacing-12: var(--space-12);--spacing-16: var(--space-16)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-body);background-color:var(--bg-base);background-image:var(--bg-gradient);background-attachment:fixed;background-size:cover;min-height:100vh}@media (hover: none) and (pointer: coarse){body{background-attachment:scroll}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6d28d938;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6d28d96b}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}