*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;align-items:center;flex-direction:column;min-width:320px;min-height:100vh;color:#000;position:relative;background:linear-gradient(135deg,#ff6b35,#f7931e);overflow-x:hidden}body.dark-mode{background:#313338;color:#fff}body.dark-mode main h1,body.dark-mode main p{color:#fff}body.dark-mode .difficulty-section label{color:#000}body.dark-mode .quizz p{color:#fff}#root{position:relative;max-width:1280px;margin:0 auto;padding:2rem;text-align:center;z-index:1;overflow-x:hidden}.btn-mode{position:fixed;top:20px;right:20px;font-size:2rem;cursor:pointer;z-index:1000;user-select:none;-webkit-user-select:none;-moz-user-select:none}.btn-home{position:fixed;top:20px;left:20px;font-size:2rem;cursor:pointer;z-index:1000;user-select:none;-webkit-user-select:none;-moz-user-select:none}.btn-home:focus:not(:focus-visible),.btn-mode:focus:not(:focus-visible){outline:none}.btn-mode,.btn-home{z-index:1000}main{margin-top:3rem}h1{font-size:3.2em;line-height:1.1}main span{z-index:1000}@keyframes circle1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,40px) scale(1.05)}}@keyframes circle2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,-30px) scale(1.08)}}@keyframes circle3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,40px) scale(1.06)}}@keyframes float-square1{0%,to{transform:translate(0) rotate(15deg)}50%{transform:translate(-25px,30px) rotate(25deg)}}@keyframes float-square2{0%,to{transform:translate(0) rotate(-20deg)}50%{transform:translate(30px,-25px) rotate(-30deg)}}@keyframes float-triangle1{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(20px,-35px) rotate(10deg)}}@keyframes float-triangle2{0%,to{transform:translate(0) rotate(25deg)}50%{transform:translate(-30px,25px) rotate(35deg)}}@keyframes square4{0%,to{transform:translate(0) scale(1)}50%{transform:translate(35px,-35px) scale(1.04)}}@media(max-width:400px){main span{margin-bottom:.5rem}main h1{font-size:2.5em;margin-top:0}main p{margin-bottom:10px}}body:before,body:after{content:"";position:fixed;border-radius:50%;background:#ffc89640;z-index:0}body:after{width:100px;height:100px;bottom:40px;left:100px;animation:circle2 9s infinite ease-in-out}body:before,body:after,#root:before,#root:after,.start-screen:before,.start-screen:after,main:before,main:after,.bg-shape{pointer-events:none;will-change:transform}#root:before,#root:after{width:85px;height:85px;content:"";position:fixed;border-radius:0%;background:#ffb47833;z-index:0;pointer-events:none}#root:before{width:80px;height:80px;top:10%;right:-10px;animation:float-square1 5s infinite ease-in-out}.start-screen:before{content:"";position:fixed;width:80px;height:80px;background:#ffb47826;top:15%;right:65%;z-index:0;animation:float-square1 5s infinite ease-in-out;transform:rotate(15deg)}main:before{content:"";position:fixed;width:80px;height:80px;background:#ffc8962e;bottom:30%;right:25%;z-index:0;animation:float-square2 9s infinite ease-in-out;transform:rotate(-20deg)}.difficulty-section:after{content:"";position:fixed;width:80px;height:80px;border-radius:0%;background:#ffb47833;top:30%;right:10%;z-index:0;pointer-events:none;animation:float-square1 9s infinite ease-in-out;transform:rotate(-15deg)}.start-screen:after{content:"";position:fixed;width:0;height:0;border-left:50px solid transparent;border-right:40px solid transparent;border-bottom:80px solid rgba(255,150,100,.32);top:1%;left:30%;z-index:0;animation:float-triangle1 7s infinite ease-in-out}main:after{content:"";position:fixed;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:85px solid rgba(255,150,100,.25);top:18%;left:40%;z-index:0;animation:float-triangle2 6s infinite ease-in-out;pointer-events:none}.difficulty-section:before{content:"";position:fixed;width:0;height:0;border-left:45px solid transparent;border-right:45px solid transparent;border-bottom:85px solid rgba(255,150,100,.25);bottom:55%;left:5%;z-index:0;pointer-events:none;animation:float-triangle1 9s infinite ease-in-out}.start-screen{display:flex;flex-direction:column}main span{display:flex;align-items:center;padding:.4em 1.1em;font-family:Quicksand;font-weight:700;border:1px solid #FFE5D9;border-radius:15px;margin:auto;color:#ff6b35;background-color:#ffe5d9;gap:10px;margin-bottom:1rem}main h1{font-family:Poppins,"sans-serif";font-weight:600;margin-bottom:0;margin-top:.2rem;z-index:1000}main p{margin-bottom:50px;font-size:1.2rem;color:#310a31;font-family:Poppins}main label{font-family:Poppins}.start-screen button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer}.difficulty-section{flex-direction:column;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid f1e3db;border-radius:40px;background-color:#f1e3db;padding:1em;z-index:10;box-shadow:0 4px 20px #00000014}.difficulty-section button{display:flex;padding:1.2em 4.6em;margin-top:1em;background-color:#4d5b9e;font-weight:700;border-radius:1rem;font-size:1rem;border:none;cursor:pointer;color:#fff;align-items:center;justify-content:center;text-align:center;gap:10px;transition:transform .2s}.difficulty-section button svg{transform:translateY(2px)}main button:hover{transform:scale(1.1)}main button svg{display:block;font-size:1rem;transform:translateY(-1px)}select{color:#000;background-color:orange;padding-top:.5em;padding-bottom:.5em;padding-right:4em;text-align:center;border:2px solid rgb(182,142,142);border-radius:8px;transition:transform .2s}select:hover{transform:scale(1.02)}select:focus{border:3px solid #4D5B9E;outline:none}.quizz p{font-family:Poppins;font-weight:600;color:#000;font-size:1.5em;z-index:1000}.quizz-button-section{display:flex;justify-content:center;flex-wrap:wrap;gap:2em}.quizz button{border-radius:20px;padding:.8em 2em;background-color:#fff;border:2px solid skyblue;font-family:inter;font-weight:500;color:#293264;cursor:pointer;z-index:1000}fieldset.quizz{border:none;padding:0;margin:0}fieldset.quizz legend{padding:0;font-size:inherit}.quizz button.correct-answer{background-color:#1dcc1d}.quizz button.selected{background-color:#485ed1;color:#fff}.quizz button.wrong-answer{background-color:#fc0000}.check-answers-btn{border-radius:20px;border:1px solid transparent;margin-top:2rem;padding:1.2em 3.2em;font-size:1.1em;font-weight:700;background-color:#4d5b9e;cursor:pointer;font-family:inter}.new-game-btn{border-radius:20px;border:1px solid transparent;padding:1.2em 3.2em;font-size:1.1em;font-weight:700;background-color:#4d5b9e;cursor:pointer;font-family:inter}.quizz button,.check-answers-btn,.start-screen button,.new-game-btn,.btn-mode,.btn-home{transition:transform .2s ease,box-shadow .2s ease}.quizz button:hover,.quizz button:focus-visible,.check-answers-btn:hover,.check-answers-btn:focus-visible,.start-screen button:hover,.start-screen button:focus-visible,.new-game-btn:hover,.new-game-btn:focus-visible,.btn-mode:hover,.btn-mode:focus-visible,.btn-home:hover,.btn-home:focus-visible{transform:translateY(-4px) scale(1.05)}.bottom-el{display:flex;flex-direction:column;align-items:center;margin-top:2em;gap:1em;color:#000}.bottom-el p{padding:.4em .6em;border-radius:15px;background-color:orange;border:2px solid white;font-family:inter;font-weight:700;font-size:1.2em}@media(min-width:768px){body:before{width:110px;height:110px;top:40px;left:90px;animation:circle1 7s infinite ease-in-out}body:after{width:200px;height:200px;bottom:-50px;right:-10px;animation:circle2 9s infinite ease-in-out}#root:after{width:120px;height:120px;bottom:20%;left:10%;animation:square4 9s infinite ease-in-out}.bg-shape{position:fixed;z-index:0;pointer-events:none}.shape-1{width:0;height:0;border-left:60px solid transparent;border-right:60px solid transparent;border-bottom:100px solid rgba(285,180,100,.2);top:8%;right:22%;animation:float-triangle1 8s infinite ease-in-out}.shape-2{width:100px;height:100px;border-radius:50%;background:#ffc8962e;bottom:8%;right:6%;animation:circle2 9s infinite ease-in-out}.shape-3{width:85px;height:85px;background:#ffb47826;top:48%;left:23%;transform:rotate(25deg);animation:float-square1 7s infinite ease-in-out}.shape-4{width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:85px solid rgba(255,180,100,.25);bottom:10%;right:20%;animation:float-triangle2 7s infinite ease-in-out}h1{font-size:3.2em}.quizz p{font-size:1.5em}.quizz-button-section{justify-content:center;gap:2em}}