:root{--french-blue: #002395;--french-white: #FFFFFF;--french-red: #ED2939;--primary: #002395;--primary-light: #3366FF;--primary-dark: #001A75;--secondary: #6A4DFF;--secondary-light: #8F7AFF;--secondary-dark: #4520FF;--accent: #ED2939;--accent-light: #FF7A98;--accent-dark: #D6194A;--success: #00C781;--success-light: #33D69F;--success-dark: #009E67;--warning: #FFAA15;--warning-light: #FFBC47;--warning-dark: #D68B00;--error: #ED2939;--error-light: #FF7373;--error-dark: #D60000;--neutral-50: #F9FAFB;--neutral-100: #F3F4F6;--neutral-200: #E5E7EB;--neutral-300: #D1D5DB;--neutral-400: #9CA3AF;--neutral-500: #6B7280;--neutral-600: #4B5563;--neutral-700: #374151;--neutral-800: #1F2937;--neutral-900: #111827;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--space-7: 64px;--space-8: 96px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);font-size:16px;line-height:1.5;color:var(--neutral-800);background-color:var(--neutral-50)}body{overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin-bottom:var(--space-3);line-height:1.2;font-weight:600;color:var(--neutral-900)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:var(--space-3)}button{cursor:pointer;font-family:var(--font-family);font-size:1rem;padding:var(--space-2) var(--space-4);border-radius:8px;border:none;transition:all .2s ease}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.btn-secondary{background-color:var(--neutral-200);color:var(--neutral-800)}.btn-secondary:hover{background-color:var(--neutral-300);transform:translateY(-2px)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.card{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;padding:var(--space-4);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px #0000000d,0 4px 6px #0000000d}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.container{padding:0 var(--space-3)}}