*{margin:0;padding:0}body{font-family:var(--font-fam1);background:linear-gradient(180deg,#de9a45,#dea865,#dcb88c);min-height:100dvh;display:flex;align-items:center;justify-content:center}body:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="25" cy="25" r="2" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="3" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="1" fill="white" opacity="0.1"/></svg>');animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.quiz-logo{font-family:var(--font-fam1);background-color:none;border:none;padding:0;position:fixed;top:20px;left:25px;z-index:1000}.quiz-logo a{color:var(--color-white);font-size:1em;font-weight:700}.quiz-container{background:none;border:none;overflow:hidden;width:100%;display:flex;min-height:600px;position:relative;height:95dvh;padding:0;flex-wrap:wrap}.quiz-title{color:#1e293b;font-size:2.1em;font-weight:700;line-height:1.2;margin-bottom:20px;max-width:400px}.quiz-subtitle{color:#64748b;font-size:18px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.play-icon{background:var(--base-color-yellow);color:#fff;border-radius:4px;padding:4px 6px;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.start-quiz-btn{color:var(--color-white);margin-bottom:20px;font-size:1.2em;font-weight:600;cursor:pointer;transition:all .3s ease;width:fit-content;display:flex;align-items:center;justify-content:center;padding:10px 40px}.start-quiz-btn:hover{border:2px solid var(--base-color-yellow)}.quiz-info{color:#64748b;font-size:14px;display:flex;align-items:center;gap:8px}.clock-icon{width:16px;height:16px;opacity:.7}.quiz-start-screen{padding:0;display:flex;position:relative;height:100%;width:100%}.quiz-discription{background:var(--color-white);border-radius:20px;display:flex;flex-direction:column;position:relative;justify-content:center;padding:25px;margin:25px 0 25px 25px}.image-section{display:flex;flex:1;background:none;padding:25px;height:100%;position:relative}.quiz-image{width:100%;height:100%;min-height:300px;position:relative;object-fit:cover;border-radius:20px}.quiz-question-display{background:var(--color-white);border-radius:20px;display:grid!important;flex-direction:column;margin:var(--space-2);padding:var(--space-2);flex-grow:1;flex-shrink:0;position:relative}.quiz-question-display .btn{font-size:16px;padding:var(--space-4);font-weight:600}.quiz-content{align-self:center;display:flex;flex-direction:column;width:100%;padding:0}.question-text{font-weight:700;margin:var(--space-2) 0;color:var(--base-color-orange)}.options-container{display:flex;flex-direction:column;gap:var(--space-4)}.quiz-navigation{align-self:end;justify-self:center;display:flex;width:300px;padding:0;margin-top:auto;gap:var(--space-4)}@keyframes flash-selected{0%{background-color:var(--button-background-color2);transform:scale(1)}25%{background-color:var(--secondary-bg-color-05opacity);transform:scale(1.02)}50%{background-color:var(--secondary-bg-color-08opacity);transform:scale(1)}to{background-color:var(--base-color-yellow);box-shadow:0 4px 12px #0003;color:var(--color-white);transform:scale(1)}}.option-btn{background:var(--color-white);border:2px solid var(--base-color-yellow);border-radius:100px;color:var(--base-color-yellow);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:center}.option-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}@media (hover: hover){.option-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #e96c1e33;border-color:#de9745;background:var(--feature-bg-color-yellow);color:#fff}}.option-btn.selected{transform:translateY(-2px);box-shadow:0 10px 25px #e96c1e33;border-color:#de9745;background:var(--feature-bg-color-yellow);color:#fff}.option-btn:hover:before{left:100%}.option-btn:active{transform:none}.option-btn.selected:active{color:var(--color-white);border-color:#ff4500;box-shadow:0 4px 12px #0003;transform:none}.quiz-question-display .back-btn{width:63px;height:50px;font-size:20px;font-weight:700;padding:0}.back-btn:hover{border:2px solid var(--primary-bg-color)}.next-btn{width:100%;height:50px;font-size:1.2em;font-weight:700;padding:0}.quiz-results{display:flex;flex-direction:column;align-content:center;justify-self:center;justify-content:center;padding:25px;height:calc(var(--dvh, 1dvh) * 100);width:100%}.quiz-results h2{color:var(--color-white);text-align:center;margin-bottom:20px}.results-details{color:var(--color-white);margin:30px 0}.question-feedback{color:var(--color-white);margin:20px 0}.question-feedback h3{color:var(--color-white)}.booking-btn{margin:40px}.result-btn{display:flex;justify-content:center;justify-self:center;width:300px}.result-btn:hover{color:var(--color-white)}.next-btn:hover{border:2px solid var(--primary-bg-color)}@media (max-width: 768px){.quiz-start-screen{flex-direction:column}.image-section{order:1;min-height:300px}.quiz-image{min-height:200px;position:relative;object-fit:cover}.quiz-discription{order:2;margin:0 25px 25px}.quiz-container{flex-direction:column;margin:0}.quiz-title{font-size:32px;max-width:none}.start-quiz-btn{width:100%}.accessibility-button{position:fixed;bottom:20px;left:20px;z-index:1000}}@media (max-width: 480px){.quiz-container{padding:0}.enter-hint{color:#64748b;font-size:14px;margin-left:10px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.play-icon{animation:pulse 2s infinite}.progress-bar-container{width:100%;height:5px;background:var(--feature-bg-color-yellow);border:none;margin:0;overflow:hidden;position:fixed;bottom:0;left:0;display:none}.progress-bar-fill{height:100%;width:0%;background:var(--base-color-orange);border-radius:5px;transition:width .5s ease-out}@keyframes slideInUpFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-150px);opacity:0}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(150px);opacity:0}}@keyframes slideInFromTop{0%{transform:translateY(-150px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(150px);opacity:0}to{transform:translateY(0);opacity:1}}.question-enter-animation{animation:slideInUpFadeIn .6s ease-out forwards}.animate-slide-up{animation:slideUp .6s ease-in-out forwards}.animate-slide-down{animation:slideDown .6s ease-in-out forwards}.animate-slide-in-bottom{animation:slideInFromBottom .6s ease-in-out forwards}.animate-slide-in-top{animation:slideInFromTop .6s ease-in-out forwards}