body{margin:0;padding:0;font-family:Impact,sans-serif;background:linear-gradient(135deg,purple,orange,#0f0);background-size:300% 300%;animation:glitch-bg 8s ease infinite;overflow-x:hidden}@keyframes glitch-bg{0%{background-position:0 0}20%{background-position:100% 100%;filter:brightness(1.2)}40%{background-position:50% 50%}60%{background-position:80% 20%;filter:brightness(.8)}to{background-position:0 0}}.page-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px;box-sizing:border-box}.title{font-size:5rem;color:#f0f;text-shadow:0 0 10px #0ff,0 0 20px orange,0 0 30px #000;animation:glitch 2s infinite;text-transform:uppercase;margin:0;line-height:1.2}.title span{display:inline-block;animation:wiggle .5s infinite alternate}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-5px,5px)}40%{transform:translate(5px,-5px)}60%{transform:translate(-3px,3px)}80%{transform:translate(3px,-3px)}to{transform:translate(0)}}@keyframes wiggle{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.intro{font-size:1.8rem;color:#0ff;text-shadow:0 0 8px #f0f,0 0 15px #000;text-align:center;margin:20px 0 40px;text-transform:uppercase;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.quiz-container{background:rgba(0,0,0,.85);padding:2rem;border-radius:25px;border:6px dashed #0f0;box-shadow:0 0 30px orange,inset 0 0 15px #f0f;max-width:90%;width:600px;box-sizing:border-box;animation:flicker 3s infinite}@keyframes flicker{0%{opacity:1}5%{opacity:.95}10%{opacity:1}15%{opacity:.9}20%{opacity:1}}.question{font-size:2rem;color:#0f0;text-shadow:0 0 10px purple,0 0 20px #000;margin-bottom:1.5rem;text-transform:uppercase;text-align:center}.options{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.option-btn{background:#f0f;color:#fff;font-size:1.5rem;padding:1rem;border:5px solid #0ff;border-radius:15px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;flex:1 1 45%;max-width:45%;box-shadow:0 0 15px orange}.option-btn:hover{background:#0f0;color:#000;transform:scale(1.1) rotate(2deg);box-shadow:0 0 25px #f0f,0 0 40px orange}.progress{font-size:1.2rem;color:orange;text-shadow:0 0 8px #f0f;text-align:center;margin-top:1.5rem;text-transform:uppercase}.result{text-align:center;animation:shake .5s infinite}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}.result-title{font-size:2.5rem;color:#0ff;text-shadow:0 0 12px purple,0 0 25px #000;text-transform:uppercase}.score{font-size:4rem;color:#f0f;text-shadow:0 0 15px #0f0,0 0 30px orange,0 0 45px #000;margin:1.5rem 0}.result-message{font-size:1.8rem;color:orange;text-shadow:0 0 10px #f0f,0 0 20px #000;margin-bottom:2rem;text-transform:uppercase}.pepega{width:180px;max-width:80%;border:6px solid #0f0;border-radius:50%;margin:2rem auto;display:block;box-shadow:0 0 20px #f0f,0 0 40px orange;animation:spin 5s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.result-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.save-btn{background:orange;color:#000;font-size:1.8rem;padding:1rem 2rem;border:5px solid #f0f;border-radius:15px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;box-shadow:0 0 15px #0ff}.save-btn:hover{background:#f0f;color:#fff;transform:scale(1.1) rotate(5deg);box-shadow:0 0 30px #0f0,0 0 50px orange}.restart-btn{background:purple;color:#fff;font-size:1.8rem;padding:1rem 2rem;border:5px solid orange;border-radius:15px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;box-shadow:0 0 15px #0f0}.restart-btn:hover{background:#0ff;color:#000;transform:scale(1.1) rotate(-5deg);box-shadow:0 0 30px #f0f,0 0 50px orange}.footer{font-size:1.2rem;color:#0f0;text-shadow:0 0 8px #f0f;text-align:center;margin-top:2rem;text-transform:uppercase}.footer a{color:orange;text-decoration:none;transition:all .3s ease}.footer a:hover{color:#0ff;text-shadow:0 0 15px #f0f}@media (max-width:600px){.title{font-size:3rem}.intro{font-size:1.2rem}.quiz-container{padding:1.5rem}.question{font-size:1.5rem}.option-btn{font-size:1.2rem;padding:.8rem;flex:1 1 100%;max-width:100%}.progress{font-size:1rem}.result-title{font-size:2rem}.score{font-size:3rem}.result-message{font-size:1.4rem}.pepega{width:120px}.restart-btn,.save-btn{font-size:1.4rem;padding:.8rem 1.5rem;flex:1 1 100%;max-width:100%}.footer{font-size:1rem}}@media (max-width:400px){.title{font-size:2.5rem}.intro{font-size:1rem}.question{font-size:1.2rem}}