@charset "UTF-8";.quiz-container{max-width:800px;margin:120px auto 60px;padding:20px;position:relative;z-index:10}.quiz-card{background:#1e293bb3;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #0000004d;min-height:500px;display:flex;flex-direction:column}.progress-container{width:100%;height:8px;background:#ffffff1a;border-radius:4px;margin-bottom:3rem;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#34d399);width:0%;transition:width .5s ease;box-shadow:0 0 10px #10b98180}.question-text{font-size:2rem;margin-bottom:2.5rem;line-height:1.4;text-align:center;min-height:100px;transition:opacity .2s}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;transition:opacity .2s}.quiz-option{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;font-size:1.1rem;color:#cbd5e1;display:flex;flex-direction:column;align-items:center;justify-content:center}.quiz-option:hover{background:#38bdf81a;border-color:#38bdf8;transform:translateY(-5px);color:#fff;box-shadow:0 10px 20px #0003}.quiz-option:active{transform:scale(.98)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.result-screen{flex-direction:column;align-items:center;text-align:center;animation:fadeIn .8s ease-out}.winner-icon{font-size:6rem;margin-bottom:1rem;animation:popIn .6s cubic-bezier(.175,.885,.32,1.275)}.winner-title{font-size:3rem;background:linear-gradient(135deg,#34d399,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.winner-desc{font-size:1.2rem;color:#cbd5e1;max-width:600px;line-height:1.6;margin-bottom:2rem}.rec-track-card:hover{background:#ffffff1a!important;transform:translate(-5px);cursor:pointer}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.options-grid{grid-template-columns:1fr}.quiz-card{padding:1.5rem}.question-text{font-size:1.5rem}}