header{background-color:var(--ma-black);position:sticky;z-index:10;top:0;height:75px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}header .brand{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;text-decoration:none;padding:15px 20px;height:75px;width:fit-content}.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}.logout-button{color:var(--ma-white);font-size:14px;background:transparent;border:none;box-shadow:none;cursor:pointer;text-decoration:underline;font-weight:400;margin-right:20px}@media(max-width:1199px){.website-title-text{margin-right:20px!important}}@media(max-width:576px){header,header .brand{align-items:center}header .brand{padding-left:12px;padding-right:12px}.website-title-text{font-size:22px!important;margin-bottom:-15px}.website-logo{width:45px;height:40px;object-fit:contain}.logout-button{font-size:10px;margin-right:10px}}@media(max-width:340px){header .brand{padding-left:8px;padding-right:8px}.website-title-text{font-size:16px!important;margin-bottom:-7px}.website-logo{width:25px;height:20px;object-fit:contain}.logout-button{font-size:10px;margin-right:6px}}footer{background-color:var(--ma-black);position:sticky;z-index:10;top:0;height:fit-content;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;column-gap:20px;row-gap:5px;padding:15px 20px}.link{color:var(--ma-white);font-size:10px;background:transparent;border:none;box-shadow:none;cursor:pointer;text-decoration:none;font-weight:400;margin:auto}@media(max-width:500px){footer{align-items:center}}.login-form{display:flex;max-width:400px;width:calc(100% - 40px);box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:20px;margin:auto}.submit{color:var(--ma-white);font-size:16px;padding:14px 30px;background:var(--ma-dark-blue);background-size:200% 100%;border:none;border-radius:999px;font-family:Orienta;width:100%;text-decoration:none;cursor:pointer}.submit: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}.login-switch{margin:10px auto 80px;max-width:400px;width:calc(100% - 40px);box-sizing:border-box}.link-button{color:var(--ma-dark-blue);font-size:16px;background:transparent;border:none;font-family:Orienta;width:100%;text-decoration:underline;cursor:pointer}.reset-password-link{color:var(--ma-black);font-size:12px;background:transparent;border:none;font-family:Orienta;width:100%;text-decoration:underline;cursor:pointer;margin-top:20px}input{width:100%;border:none;padding:10px;border-radius:5px}.form-error{font-size:14px;color:var(--ma-red)}.page-title{margin:0;padding: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:18px;padding:16px 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}.danger-button{color:var(--ma-red);font-size:12px;background-color:transparent;border:none;margin-top:80px;margin-bottom:40px;cursor:pointer;text-decoration:underline}@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}}.main{min-height:calc(100vh - 122px)!important}.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:var(--ma-white);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;margin-left:auto;margin-right:auto}.exercice-card{border-radius:12px;padding:1.5rem;box-shadow:0 4px 16px #0000000f;background:var(--ma-white)}.exercice-label{font-size:.95rem;color:#555;margin-bottom:.25rem;margin-top:0}.exercice-question{font-size:16px;font-weight:600;margin-bottom:1rem}.exercice-question-qcm{font-size:16px;font-weight:600;margin-bottom:1rem;text-align:left;padding:7px 10px;border:solid 2px #77bfed}.exercice-form{display:flex;gap:.75rem}.exercice-col{display:flex;flex-direction:column;gap:0px}.exercice-full{width:calc(100% - 110px)}.exercice-col label{font-size:12px;text-align:left}.btn-row{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-wrap:wrap;width:100%;gap:5px;margin:auto 0}.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)}.next-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:100%;height:fit-content;margin-left:auto;margin-right:auto;margin-top:40px;max-width:340px}.next-button:hover{filter:brightness(.95)}.exercice-button-qcm{padding:0;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;text-align:left;background:transparent;color:var(--ma-black);width:100%}.exercice-button-qcm.one,.exercice-button-qcm.two,.exercice-button-qcm.three,.exercice-button-qcm.four{background-color:transparent}.exercice-button-qcm:hover{color:var(--ma-dark-blue)}.question{text-align:left;margin:12px 0 4px;font-size:14px;font-weight:700}.answer,.example{text-align:left;margin:0;font-style:italic;font-size:14px}.explanation{text-align:left;margin:0;font-size:14px}.explanation strong{color:var(--ma-blue)}.correction{text-align:left;margin:0 0 10px;font-size:14px}.correction strong{text-align:left;margin:0 0 10px;font-size:14px;color:var(--ma-correct)}.youranswer,.youranswer span{text-align:left;margin:0;font-size:14px;color:var(--ma-black)}.exercice-feedback{margin-top:25px;margin-bottom:25px;font-size:.95rem;font-weight:600;white-space:pre-line}.exercice-feedback--correct{color:var(--ma-correct)}.exercice-feedback--error{color:var(--ma-red)}.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:var(--ma-white);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;color:var(--ma-black)}.exercice-mode-toggle button:hover{background:#eaeaea}.exercice-mode-toggle button.active{background:var(--ma-turquoise);color:#fff;border-color:var(--ma-turquoise);font-weight:600}.exercice-cours{text-align:left;margin-top:40px;font-size:14px}.exercice-cours .cours-title{font-weight:700}.exercice-cours .cours-text{margin:0}.exercice-cours .cours-text span{text-decoration:underline}.exercice-cours .cours-text strong{color:var(--ma-blue)}.exercice-indice{font-size:12px;display:none;color:var(--ma-dark-blue);margin-bottom:22px}.see-tip{border:none;color:var(--ma-dark-blue);font-size:12px;text-decoration:underline;background:none;cursor:pointer;display:flex;margin:0 auto 20px}.see-tip-mark{border-radius:50px;font-size:10px;color:var(--ma-white);background-color:var(--ma-dark-blue);margin-right:5px;width:18px;height:18px;display:block;line-height:22px}@media(max-width:640px){.exercice-title{max-width:calc(100% - 100px);margin-left:auto;margin-right:auto}}@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}.exercice-full{width:100%}}: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;--ma-red: #b91c1c;--ma-correct: #00cf2e}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;min-height:100vh}@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,var(--ma-white),#dddddd);height:100%;min-height:100vh;text-align:center}.app-root{min-height:100vh}.main{min-height:calc(100vh - 160px)}