.background{width:100vw;min-height:100vh;background-color:#fc9caf;display:flex;flex-direction:column}.background-main{display:flex;flex-direction:column;justify-content:center;height:fit-content;flex-grow:1}.card{background-color:#ff7a95;width:50%;margin:auto;border-radius:10px;padding:20px;min-height:250px}body{font-family:sans-serif;margin:0;padding:0;line-height:1.5;color:#1a1a1a}.modak{font-family:Modak,system-ui;font-weight:400;font-style:normal;font-size:25px}.font-big{font-size:50px}.slide-in-right{display:inline-block;white-space:nowrap;overflow:hidden;vertical-align:bottom;box-sizing:border-box;animation:slideInRight 5s ease-out forwards;max-width:fit-content}@keyframes slideInRight{0%{width:0;border-right:2px solid}99%{border-right:2px solid}to{width:100%;border-right:none}}button{display:inline-flex;align-items:center;padding:10px 20px;border-radius:8px;cursor:pointer;background-color:#262626;color:#e6e6e6;border:2px solid hsl(0,0%,15%);outline:none;transition:all .5s cubic-bezier(.4,0,.2,1);font-weight:600;letter-spacing:.5px}button:hover{background-color:#292929;border-color:#292929;transform:translateY(-.5px);box-shadow:0 10px 20px #0006}button:active{transform:translateY(1px);background-color:#1a1a1a;box-shadow:0 2px 5px #0003}button:focus-visible{outline:2px solid hsl(45,100%,50%);outline-offset:3px}.text-center{text-align:center}.quiz-ui-wrapper{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:url(/assets/quizbackground-BANTaOwq.png) no-repeat center center;background-size:cover;margin:0}.quiz-container{width:90%;max-width:600px;display:flex;flex-direction:column;gap:20px}.question-pill{background-color:#ec8ea2;color:#fff;padding:20px 35px;border-radius:100px;text-align:center;font-size:1.2rem;font-weight:700;box-shadow:0 10px 20px #0000001a;border:2px solid rgba(255,255,255,.3)}.options-grid{display:grid;flex-direction:row;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2);gap:15px}.option{background-color:#ffffffe6;color:#ec8ea2;border:2px solid #ec8ea2;padding:14px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;outline:none}.option:hover{background-color:#fce4ec;transform:scale(1.02);border-color:#ec8ea2}.option:active{transform:scale(.98)}.el-pregunta{text-align:center}.hint{color:#6c757d;font-style:italic;margin-bottom:20px;font-size:14px}.yes-option-container{animation:fadeInUp .5s ease}.yes-option{background:linear-gradient(135deg,#ff6b9d,#c06c84);color:#fff;border:none;font-size:18px;padding:20px 30px;text-align:center}.yes-option:hover{background:linear-gradient(135deg,#ff5a8d,#b05c74);transform:translateY(-3px);box-shadow:0 6px 20px #ff6b9d66}.overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.correct-animation{background:#fff;padding:60px 80px;border-radius:20px;text-align:center;animation:bounceIn .6s ease}.correct-animation h1{font-size:48px;margin:0 0 20px;color:#667eea}.correct-animation p{font-size:24px;margin:0;color:#495057}.incorrect-animation{background:#fff;padding:60px 80px;border-radius:20px;text-align:center;animation:shakeX .6s ease;max-width:500px;margin:20px}.incorrect-animation div{font-size:20px;color:#dc3545;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes shakeX{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}