:root{--primary-dark: #2C3E50;--primary-blue: #3498db;--secondary-gray: #f8f9fa;--white: #FFFFFF;--light-dark: #ecf0f1;--medium-dark: #bdc3c7;--shadow-light: 0 4px 6px rgba(0, 0, 0, .1);--shadow-medium: 0 6px 15px rgba(0, 0, 0, .1);--shadow-heavy: 0 10px 30px rgba(0, 0, 0, .15);--bg-solution: #f8f9fa;--bg-quiz: #f4f6f8}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s ease}body{background-color:var(--secondary-gray);color:var(--primary-dark);line-height:1.6;scroll-behavior:smooth;padding:0}.page{padding:20px 5%;min-height:100vh;max-width:1200px;margin:0 auto}.td-detail{background-color:var(--white);padding:40px;border-radius:16px;box-shadow:var(--shadow-heavy);position:relative;overflow:hidden}.td-detail:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,var(--primary-dark),#34495e)}.td-detail h2{color:var(--primary-dark);font-size:2.2rem;margin-bottom:10px;border-bottom:3px solid var(--primary-dark);padding-bottom:15px;display:flex;align-items:center;gap:10px}.back-btn,.annales-btn{display:inline-flex;align-items:center;gap:8px;margin-bottom:25px;padding:12px 20px;background-color:var(--primary-dark);color:var(--white);text-decoration:none;border-radius:8px;font-weight:600;box-shadow:var(--shadow-light);transition:all .3s;margin-right:10px}.back-btn:hover,.annales-btn:hover{background-color:#34495e;transform:translateY(-2px);box-shadow:var(--shadow-medium)}.annales-btn{background-color:var(--primary-blue)}.annales-btn:hover{background-color:#2980b9}.section-description{color:#666;margin-bottom:30px;font-size:1.1rem;line-height:1.7;padding:15px;background-color:var(--light-dark);border-radius:8px;border-left:4px solid var(--primary-dark)}.separator{border:none;height:1px;background:linear-gradient(to right,transparent,var(--primary-dark),transparent);margin:40px 0}.fiche-revision{border-left:5px solid var(--primary-dark);padding:25px;margin:30px 0;background-color:var(--light-dark);border-radius:0 12px 12px 0;box-shadow:var(--shadow-light)}.fiche-revision h3{color:var(--primary-dark);padding-bottom:10px;margin-bottom:20px;font-size:1.5rem;display:flex;align-items:center;gap:10px}.fiche-revision h4{margin-top:1.8rem;color:var(--primary-dark);font-size:1.2rem;padding-bottom:8px;border-bottom:1px dashed var(--medium-dark)}.fiche-revision p{margin-bottom:15px}.exercice{border:1px solid #e0e0e0;padding:25px;margin-top:25px;border-radius:12px;box-shadow:var(--shadow-light);background-color:var(--white);transition:all .3s}.exercice:hover{box-shadow:var(--shadow-medium);transform:translateY(-3px)}.exercice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.exercice h4{color:var(--primary-dark);font-size:1.3rem}.difficulty{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:700}.facile{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.moyen{background-color:#fff3e0;color:#ef6c00;border:1px solid #ffe0b2}.difficile{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2}.dm{background-color:#e3f2fd;color:#1565c0;border:1px solid #bbdefb}.projet{background-color:#f3e5f5;color:#7b1fa2;border:1px solid #e1bee7}.app{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.annales-tag{background-color:#fce4ec;color:#c2185b;border:1px solid #f8bbd0}.toggle-solution{display:inline-flex;align-items:center;gap:8px;background-color:var(--primary-dark);color:var(--white);border:none;padding:12px 20px;margin-top:15px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.toggle-solution:hover{background-color:#34495e;transform:translateY(-2px);box-shadow:var(--shadow-medium)}.solution{margin-top:20px;padding:0 20px;border-left:4px solid var(--primary-dark);background-color:var(--bg-solution);border-radius:0 8px 8px 0;opacity:0;max-height:0;overflow:hidden;transition:all .4s ease-out}.solution.active{opacity:1;max-height:2000px;padding:20px}.formula{background-color:var(--primary-dark);color:var(--white);padding:20px;margin:15px 0;border-radius:8px;overflow-x:auto;font-family:Courier New,monospace;font-size:1.1rem;box-shadow:var(--shadow-light)}.example{margin-top:20px;border-left:4px solid #ff9800;padding:20px;background-color:#fff8e1;border-radius:0 8px 8px 0}.example h4{color:#ff9800;margin-top:0;font-size:1.2rem;display:flex;align-items:center;gap:8px}.topic-card{padding:20px;background-color:var(--bg-quiz);border-radius:10px;margin-top:20px;border-left:4px solid var(--primary-dark)}.topic-card h4{color:var(--primary-dark);margin-bottom:15px;font-size:1.3rem}.topic-card ul{padding-left:20px}.topic-card li{margin-bottom:10px;line-height:1.6}.quiz-box{border:2px solid var(--primary-dark);background-color:var(--light-dark)}.quiz-box h4{color:var(--primary-dark)!important}ul{padding-left:20px;margin-bottom:15px}li{margin-bottom:8px;line-height:1.6}@media (max-width: 768px){.page{padding:15px 3%}.td-detail{padding:25px}.td-detail h2{font-size:1.8rem}.exercice-header{flex-direction:column;align-items:flex-start}.formula{font-size:.9rem;padding:15px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.exercice,.fiche-revision,.topic-card{animation:fadeIn .5s ease-out}.icon{margin-right:8px}.probability-table{width:100%;border-collapse:collapse;margin:15px 0;box-shadow:var(--shadow-light)}.probability-table th,.probability-table td{padding:12px 15px;text-align:center;border:1px solid #ddd}.probability-table th{background-color:var(--primary-dark);color:#fff;font-weight:600}.probability-table tr:nth-child(2n){background-color:#f9f9f9}.probability-table tr:hover{background-color:#f1f1f1}.diagram-container{margin:20px 0;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.diagram-title{font-weight:700;margin-bottom:10px;color:var(--primary-dark)}.data-table{width:100%;border-collapse:collapse;margin:15px 0;box-shadow:var(--shadow-light)}.data-table th,.data-table td{padding:12px 15px;text-align:left;border:1px solid #ddd}.data-table th{background-color:var(--primary-dark);color:#fff;font-weight:600}.data-table tr:nth-child(2n){background-color:#f9f9f9}.calculation-step{margin:10px 0;padding:10px;background-color:#f8f9fa;border-radius:5px;border-left:3px solid var(--primary-blue)}.important-note{background-color:#fff3cd;border-left:4px solid #ffc107;padding:15px;margin:15px 0;border-radius:0 5px 5px 0}