@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{font-family:Poppins,sans-serif}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}html,body{width:100%;height:100%;overflow:hidden}#root{width:100%;height:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.quiz-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background:radial-gradient(circle,#f9c,#ff66b2);font-family:Poppins,sans-serif;overflow:hidden;flex-direction:column;box-shadow:inset 0 0 100px #ffffff4d;animation:bgColorChange 5s infinite alternate}@keyframes bgColorChange{0%{background:radial-gradient(circle,#f9c,#ff66b2)}to{background:radial-gradient(circle,#ff66b2,#f39)}}.progress-bar-container{width:90%;max-width:800px;height:12px;background:#fff3;border-radius:10px;margin-bottom:20px;overflow:hidden;box-shadow:0 0 10px #ffffff80}.progress-bar{height:100%;width:0%;background:linear-gradient(to right,#ff66b2,#f39);transition:width .5s ease-in-out;box-shadow:0 0 15px #ff69b4b3}.home-screen{text-align:center;animation:fadeIn 1s ease-in-out}.start-button,.music-toggle{padding:15px 30px;font-size:22px;font-weight:700;margin:10px;cursor:pointer;border:none;border-radius:50px;background:linear-gradient(to right,#ff66b2,#f9c);color:#fff;transition:transform .2s ease-in-out,box-shadow .3s}.start-button:hover,.music-toggle:hover{transform:scale(1.1);box-shadow:0 0 20px #fff9}.countdown{font-size:200px;font-weight:700;color:#fff;text-shadow:5px 5px 15px rgba(255,105,180,1);animation:countdownFade 1s infinite alternate}@keyframes countdownFade{0%{opacity:1}to{opacity:.5}}.quiz-card{background:#ffffffe6;padding:40px;border-radius:20px;min-height:80vh;box-shadow:0 15px 30px #0000004d;text-align:center;animation:fadeIn .8s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%;max-width:800px;color:#000;position:relative}.quiz-options{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}.quiz-button{width:80%;padding:10px;font-size:18px;text-align:left;border-radius:8px;border:none;background-color:#ff66b2;color:#fff;transition:background .3s ease-in-out}.quiz-button:hover{background-color:#f39}.quiz-button.hidden{visibility:hidden;opacity:0;transition:opacity .3s ease-out}.quiz-button:nth-child(1){background:#ff66b2}.quiz-button:nth-child(2){background:#f9c}.quiz-button:nth-child(3){background:#ffb3e6}.quiz-button:nth-child(4){background:#ff3385}.correct{background:#6f9!important;box-shadow:0 0 20px #66ff99e6!important}.wrong{background:#f33!important;box-shadow:0 0 20px #ff3333e6!important}.results-screen{text-align:center;animation:fadeIn 1s ease-in-out;padding:50px;background:linear-gradient(to right,#ff66b2,#f39);border-radius:20px;box-shadow:0 15px 30px #0006;width:90%;max-width:800px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:20px;color:#fff;position:relative}.flying-points{position:absolute;font-size:40px;font-weight:700;color:gold;animation:flyOut 1.5s ease-out}@keyframes flyOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}.coupon{margin-top:20px;font-size:22px;font-weight:700;background:#222;padding:15px;border-radius:10px;display:flex;justify-content:center;align-items:center;gap:10px;color:#fff}.copy-button{cursor:pointer;font-size:22px;background:none;border:none;color:#f9c;transition:color .3s}.copy-button:hover{color:#ff66b2}@keyframes glowEffect{0%{box-shadow:0 0 10px #ffffff4d}to{box-shadow:0 0 20px #fff9}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.start-button,.music-toggle{animation:pulse 3s infinite}.start-button:hover,.music-toggle:hover{animation:glowEffect 1s infinite alternate}@keyframes floatEffect{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.quiz-card{animation:floatEffect 3s infinite}.quiz-button:active{transform:scale(1.1);box-shadow:0 5px 25px #fff9}.quiz-button{transition:transform .3s ease,box-shadow .3s ease}.countdown{animation:pulse 1.5s infinite alternate}@keyframes flyOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px) scale(1.5)}}.results-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:fadeIn 1s ease-in-out}.results-table td{color:#fff}.results-table{width:90%;max-width:600px;color:#fff;background:#ffffffe6;padding:20px;border-radius:15px;box-shadow:0 10px 20px #0000004d;animation:fadeIn .5s ease-in-out}.results-table h2{font-size:24px;margin-bottom:15px;color:#f39}.results-table p{font-size:18px;color:#000;margin:5px 0}.results-table strong{color:#ff66b2}@keyframes sparkle{0%{text-shadow:0px 0px 5px rgba(255,255,255,.5)}to{text-shadow:0px 0px 15px rgba(255,255,255,1)}}.score-value{font-size:30px;font-weight:700;color:gold;animation:sparkle 1.5s infinite alternate}.progress-bar-container{width:100%;height:10px;background:#fff3;border-radius:5px;margin-bottom:20px;overflow:hidden}.progress-bar{height:100%;width:0%;background:linear-gradient(to right,#ff66b2,#f39);transition:width .5s ease-in-out;box-shadow:0 0 10px #ff69b4b3}.quiz-timer{font-size:20px;font-weight:700;color:#fff;background:#00000080;padding:10px;border-radius:10px;display:inline-block;margin-bottom:10px;box-shadow:0 0 15px #ffffff80;animation:timerBlink 1s infinite alternate}@keyframes timerBlink{0%{opacity:1}to{opacity:.7}}.circular-timer{position:absolute;top:20px;left:50%;transform:translate(-50%);text-align:center}.timer-text{position:absolute;top:15px;left:50%;transform:translate(-50%);font-size:18px;font-weight:700;color:#fff}.restart-button{color:#fff!important}.results-table{width:100%;margin:15px 0;border-collapse:collapse}.results-table td{padding:10px;font-size:18px;font-weight:700}.results-table tr:nth-child(odd){background-color:#ff6b81;color:#fff}.results-table tr:nth-child(2n){background-color:#2ed573;color:#fff}.results-screen{text-align:center;background:#f8f9fa;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000001a}.results-table{width:100%;max-width:350px;margin:20px auto;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000001a}.results-table td{padding:12px;border-bottom:1px solid #ddd;font-size:16px}.results-table tr:last-child td{border-bottom:none}.results-table td:first-child{font-weight:700;color:#333}.results-table td:last-child{font-weight:700}.coupon{background:#fc0;padding:10px 15px;border-radius:6px;font-size:18px;font-weight:700;color:#333;display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:15px}.coupon-code{background:#fff;padding:5px 10px;border-radius:4px;font-weight:700;font-size:16px;color:#ff4757}.copy-button{background:none;border:none;cursor:pointer;font-size:18px}.quiz-completed{color:#000}.splash-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:radial-gradient(circle,#f9c,#ff66b2);font-size:1rem;color:#2f3542;animation:fadeIn 1s ease-in-out;font-family:Segoe UI,sans-serif;text-align:center;gap:1rem}#root{text-align:center}