@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{text-align:center;font-size:1rem;font-family:Orbitron,monospace;font-style:normal;color:#fff;background:linear-gradient(135deg,#8e2de2,#4a00e0,#00f5d4);overflow-x:hidden}.banner{display:flex;justify-content:center;padding-top:7%}#quiz-title{text-align:center}#day-n-night{color:#000;border:none;margin-left:75%;margin-top:28%;cursor:pointer}#day-n-night:focus{background-color:#fff}.dark-mode{background-color:#000;color:#fff}section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.quiz-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;width:100%}.question{width:100%;max-width:600px;font-size:1.4rem}.options{width:100%;max-width:400px;text-align:center}.option{display:flex;justify-content:center;cursor:pointer;margin-top:3.3%;text-align:center;border-style:double;border-color:red;padding:2%}.option:hover{color:#000;background-color:red}.button-container{display:flex;justify-content:center;align-items:center}.button{color:#fff;background-color:#000;cursor:pointer;font-weight:700;font-size:24px;transition:background-color .3s;height:55px;border-width:4px;border-color:#fff;border-radius:15px;min-width:120px;max-width:120px}.button:hover{background-color:#06f;color:#fff}.result{text-align:center;margin-top:20px;font-weight:700}.hide{display:none}#quiz{display:flex;flex-direction:column;justify-content:center;align-items:center}.arrow-container{margin-top:2.1%;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;gap:40px}#back-arrow,#skip-arrow{padding:0 5%}#back-arrow img,#skip-arrow img{width:28px;height:28px;cursor:pointer;transition:transform .2s ease,filter .2s ease}#back-arrow img:hover,#skip-arrow img:hover{transform:scale(1.3);filter:brightness(1.4)}.arrow-active{transform:scale(1.3);transition:transform .1s ease-in-out}footer{text-align:center;display:flex;justify-content:center}#footer-p{font-size:.7rem;padding-top:2%;text-align:center;color:#fff;width:55%}.popup-container{border:4px solid yellow}section{display:flex;flex-direction:row}#popup-a,#popup-b{display:none}#popup-a img,#popup-b img{width:50%}#test-click{width:150px;height:150px;background-color:#4caf50;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:10px;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease}#test-click:hover{background-color:#45a049}#info-box{margin-top:30px;padding:20px;background-color:#fff;border-left:4px solid #4CAF50;display:none;max-width:400px;box-shadow:0 4px 10px #0000000d}header{position:fixed;top:0;left:0;right:0;background:#000000e6;color:#fff;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #444}.logo{font-size:1.5rem;font-weight:900;color:#fff;text-decoration:none}.logo:hover{border-bottom:2px solid red}nav{display:flex;gap:2rem}nav a{color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;padding:.5rem 1rem;border-radius:5px;transition:all .3s ease;letter-spacing:1px;cursor:pointer}nav a:hover,nav a.active{background:#fff;color:#000;border:1.5px solid red}.timer-container{margin-top:2%;margin-bottom:2%}footer{position:relative;width:100%;background:#000000e6;color:#fff;padding:1rem 2rem;margin-top:3rem;text-align:center;border-top:2px solid #444}.footer-content{max-width:1200px;margin:0 auto}.footer-links{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:.3rem;flex-wrap:wrap}.footer-links a{color:#fff;text-decoration:none;font-weight:600;font-size:.8rem;transition:all .3s ease}.footer-links a:hover{color:#00f5d4}.donate-link{color:#ff5e5e}.donate-link:hover{color:#ff9e9e}.separator{color:#666;font-size:.8rem}.footer-text{font-size:.7rem;color:#999}@media (max-width: 768px){.footer-links{flex-direction:column;gap:.5rem}.separator{display:none}}