header{background-color:var(--ma-black);position:sticky;z-index:10;top:0;height:75px}header .brand{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;text-decoration:none;padding:15px 20px;height:75px}.website-logo{width:60px;height:40px;object-fit:contain}.website-title-text{font-family:Biryani;font-weight:800!important;color:var(--ma-turquoise)!important;font-size:48px!important;margin:0 0 0 10px;margin-right:40px!important;line-height:0px}@media(max-width:1199px){.website-title-text{margin-right:20px!important}}@media(max-width:576px){.website-title-text{font-size:40px!important}}@media(max-width:500px){header{align-items:center}.website-title-text{font-size:30px!important;margin-bottom:-15px}}.page-title{margin:40px;font-size:35px;font-family:Biryani;color:var(--ma-black);font-weight:700}.menu-grid{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;width:100%;max-width:1140px;margin:auto}.menu-button{color:var(--ma-white);font-size:20px;padding:23px 30px;background:var(--ma-dark-blue);background-size:200% 100%;border:none;border-radius:999px;font-family:Orienta;width:calc(100% / 3 - 30px);text-decoration:none}.menu-button:hover{color:var(--ma-white);text-decoration:none;background:linear-gradient(90deg,var(--ma-turquoise) 0%,var(--ma-blue) 25%,var(--ma-dark-blue) 50%,var(--ma-blue) 75%,var(--ma-turquoise) 100%);background-size:200% 100%;animation:GradientBtn 20s linear 0s infinite}@keyframes GradientBtn{0%{background-position:0 0}to{background-position:500% 0}}.menu-button-disabled,.menu-button-disabled:hover{color:var(--ma-black);font-size:20px;padding:20px 30px;background-color:#d2d2d2;border:none;border-radius:999px;font-family:Orienta;margin-bottom:40px;width:100%;text-decoration:none}@media(max-width:1199px){.menu-grid{padding:20px}.menu-button{width:100%;max-width:400px}}.exercice-container{max-width:600px;margin:0 auto;padding:2rem 1rem;position:relative;display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.exercice-back-button{font-size:1.5rem;text-decoration:none;color:#fff;padding:.2rem .4rem;border-radius:50px;transition:background .2s;width:45px;position:absolute;font-weight:700;background-color:var(--ma-dark-grey);height:45px;border:solid 2px var(--ma-dark-grey);line-height:2.4rem}.exercice-back-button:hover{background:#f3f4f6;color:var(--ma-dark-grey)}.exercice-title{font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:1.5rem;margin-top:0}.exercice-card{border-radius:12px;padding:1.5rem;box-shadow:0 4px 16px #0000000f;background:#fff}.exercice-label{font-size:.95rem;color:#555;margin-bottom:.25rem;margin-top:0}.exercice-question{font-size:20px;font-weight:600;margin-bottom:1rem;min-height:64px}.exercice-form{display:flex;gap:.75rem}.exercice-col{display:flex;flex-direction:column;gap:0px}.exercice-col label{font-size:12px;text-align:left}.btn-row{display:flex;justify-content:center;flex-wrap:wrap;width:100%;gap:2rem;max-width:335px;margin:auto}.exercice-input{width:calc(100% - 110px);padding:.6rem .8rem;border-radius:8px;border:1px solid #ddd;font-size:1rem;width:100%}.exercice-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb22}.exercice-button{padding:.7rem 1rem;border-radius:8px;border:none;font-size:.95rem;font-weight:600;cursor:pointer;background:var(--ma-dark-blue);color:#fff;width:100px;height:fit-content;margin-top:auto}.exercice-button:hover{filter:brightness(.95)}.exercice-button-qcm{padding:1rem;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;background:var(--ma-dark-blue);color:#fff;width:150px}.exercice-button-qcm.one{background-color:#ff9371}.exercice-button-qcm.two{background-color:#ff69ee}.exercice-button-qcm.three{background-color:#7771ff}.exercice-button-qcm.four{background-color:#4eb15e}.exercice-button-qcm:hover{filter:brightness(.95)}.question{text-align:left;margin:12px 0 4px;font-size:14px;font-weight:700}.answer,.example,.meaning{text-align:left;margin:0;font-style:italic;font-size:14px}.exercice-feedback{margin-top:50px;margin-bottom:0;font-size:.95rem;font-weight:600;white-space:pre-line}.exercice-feedback--correct{color:#15803d}.exercice-feedback--error{color:#b91c1c}.exercice-stats{display:flex;justify-content:space-between;margin-top:1.5rem;padding:.75rem 1rem;border-radius:10px;background:#f9fafb;font-size:.9rem}.exercice-stat-label{color:#555;margin-right:.25rem}.exercice-stat-value{font-weight:600}.reward-banner{margin-top:1.5rem;padding:.75rem 1rem;border-radius:10px;background:#f9731622;display:inline-flex;align-items:center;gap:.5rem;font-weight:600;width:fit-content;margin-left:auto;margin-right:auto}.reward-banner.reward-banner--bronze{background:#95593e;background:linear-gradient(90deg,#95593e,#fbcab4 52%,#95593e)}.reward-banner.reward-banner--silver{background:#6e6e6e;background:linear-gradient(90deg,#6e6e6e,#e1e1e1 52%,#6e6e6e)}.reward-banner.reward-banner--gold{background:#a7832e;background:linear-gradient(90deg,#a7832e,#ffe280 52%,#a7832e)}.reward-banner.reward-banner--platinum{background:#2ea781;background:linear-gradient(90deg,#2ea781,#80ffd3 52%,#2ea781)}.reward-banner.reward-banner--diamond{background:#f0cfff;background:linear-gradient(90deg,#fffdc7,#e9ffc2 15%,#bdffe8 35%,#cfecff 65%,#f1d6ff 85%,#ffccf8)}.reward-icon{font-size:1.3rem}.exercice-progress{margin-top:1.5rem}.exercice-progress-header{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:.35rem;color:#374151}.exercice-progress-percent{position:absolute;margin:auto;font-weight:700;inset:0;font-size:20px;color:#fff}.exercice-progress-bar{position:relative;height:30px;border-radius:999px;background:#ced0d4;overflow:hidden}.exercice-progress-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(-90deg,var(--ma-dark-blue),var(--ma-turquoise));transition:width .3s ease}.exercice-reset-button{margin-top:1rem;padding:.9rem 1.9rem;border-radius:10px;border:1px solid #e5e7eb;background:#f9fafb;font-size:.85rem;font-weight:500;cursor:pointer;color:#fff;width:fit-content;margin:25px auto 20px;background:var(--ma-dark-grey)}.exercice-reset-button:hover{background:#dd4c4c}.exercice-mode-toggle{display:flex;gap:.5rem;margin-bottom:1rem;justify-content:center}.exercice-mode-toggle button{padding:.45rem .9rem;border-radius:999px;border:1px solid var(--ma-turquoise);background:#f5f5f5;font-size:.85rem;cursor:pointer;transition:all .2s ease}.exercice-mode-toggle button:hover{background:#eaeaea}.exercice-mode-toggle button.is-active{background:var(--ma-turquoise);color:#fff;border-color:var(--ma-turquoise);font-weight:600}@media(max-width:500px){.exercice-card{padding:.8rem}.exercice-stats,.exercice-form{flex-direction:column}.exercice-input,.exercice-button{width:100%}.exercice-title{font-size:1.5rem;text-align:center;width:calc(100% - 75px);margin-left:auto;margin-right:auto}.exercice-back-button{font-size:1rem;padding:.2rem .4rem;width:30px;height:30px;line-height:1.4rem}}:root{--ma-black: #000000;--ma-dark-grey: #434343;--ma-white: #ffffff;--ma-light-grey: #f9f9f9;--ma-grey: #f2f2f2;--ma-green: #00cfa4;--ma-turquoise: #00b8c6;--ma-blue: #009de2;--ma-blue-medium: #005cdf;--ma-dark-blue: #1b2bb6;--ma-gold: #f8cd61}body{padding:0;background-color:#fff;height:100%;width:100%;font-family:Roboto;color:#000;font-weight:500;margin:0;overflow-x:hidden;overflow-y:auto}@font-face{font-family:Orienta;src:local("Orienta"),url(/assets/Orienta-Regular-a8_zQiFZ.ttf) format("truetype")}@font-face{font-family:Biryani;src:local("Biryani"),url(/assets/Biryani-Regular-Dn2C9U-q.ttf) format("truetype")}html{min-height:100%;min-width:100%;scroll-behavior:smooth}body *{box-sizing:border-box;font-family:Biryani}#root{background:linear-gradient(240deg,#fff,#ddd);height:100%;min-height:100vh;text-align:center}