*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;font-family:Poppins,sans-serif;overflow:hidden;background:linear-gradient(-45deg,#a1c4fd,#c2e9fb,#fbc2eb,#a6c1ee);background-size:400% 400%;animation:gradientFlow 20s ease infinite}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1),transparent 70%);pointer-events:none;animation:smokeFlow 25s linear infinite}@keyframes smokeFlow{0%{transform:translate(0) scale(1)}50%{transform:translate(50px,50px) scale(1.05)}to{transform:translate(0) scale(1)}}.container{width:85%;max-width:500px;margin:60px auto;background:#fff;color:#262626;display:flex;flex-direction:column;gap:15px;border-radius:10px;padding:20px 25px;box-shadow:0 3px 12px #0000001f}.container hr{height:1px;border:none;background:#ccc}.container h1{font-size:1.5rem;margin-bottom:5px}.container h2{font-size:1.1rem;font-weight:500}.container ul{padding:0;margin:0;list-style:none}.container ul li{padding:8px 12px;border:1px solid #686868;border-radius:6px;margin-bottom:8px;font-size:.95rem;cursor:pointer;transition:all .2s ease}.container ul li:hover{background:#f5f5f5}.container button{margin:10px auto 0;width:180px;height:45px;background:#553f9a;color:#fff;font-size:1rem;font-weight:500;border-radius:6px;cursor:pointer;border:none;transition:background .3s ease}.container button:hover{background:#432f7c}.container .index{margin:auto;font-size:.85rem;color:#444}.container .correct{background:#dffff2;border-color:#00d397}.container .wrong{background:#ffebeb;border-color:#ff4a4a}