@import "https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;600;700&display=swap";:root{--navy:#0d1b2a;--navy-mid:#1b2d45;--navy-light:#243b55;--gold:#f4c430;--gold-light:#ffd96a;--gold-pale:#fff8e1;--emerald:#00a878;--emerald-light:#00d4a0;--coral:#e85d3a;--text-primary:#1a2436;--text-muted:#5a6a80;--surface:#fff;--surface-2:#f5f7fa;--border:#e4eaf2;--shadow-sm:0 1px 4px #0d1b2a0f, 0 2px 10px #0d1b2a0a;--shadow-md:0 4px 20px #0d1b2a17, 0 1px 4px #0d1b2a0d;--shadow-lg:0 16px 48px #0d1b2a24;--radius:14px;--radius-sm:8px;--font-display:"Lora", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#edf0f5;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2}button{font-family:var(--font-body);cursor:pointer}input,select,textarea{font-family:var(--font-body)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#e4eaf2}::-webkit-scrollbar-thumb{background:#b8c6d8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8096b0}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ad-slot{border-radius:var(--radius);color:#8fa0c0;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border:2px dashed #c5d0e8;flex-direction:column;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex;position:relative;overflow:hidden}.ad-slot:before{content:"PUBLICITÉ";letter-spacing:2px;color:#b0bfd4;font-size:9px;position:absolute;top:8px;right:12px}.form-control{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--surface-2);outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.form-control:focus{border-color:var(--navy);background:#fff}select option{color:#fff;background:#1b2d45}@media (width<=768px){:root{--radius:12px}}@media (width<=560px){body{font-size:14px}}
