*{margin:0;padding:0;font-family:Poppins,sans-serif;box-sizing:border-box}body{height:100vh;background-image:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);display:flex;align-items:center;justify-content:center}.container{width:640px;margin:auto;background:#fff;color:#1f2937;border-radius:16px;padding:40px 50px;display:flex;flex-direction:column;gap:20px;box-shadow:0 10px 25px #0003}.container h1{text-align:center;color:#6366f1;font-weight:700}.container hr{height:2px;border:none;background:#e5e7eb}.container h2{font-size:27px;font-weight:500;color:#374151}.container ul{list-style:none}.container ul li{display:flex;align-items:center;height:50px;padding-left:15px;margin-bottom:16px;border:1px solid #d1d5db;cursor:pointer;border-radius:8px;font-size:18px;transition:all .3s ease;color:#4b5563}.container ul li:hover{border-color:#8b5cf6;background-color:#f9fafb}.container button{padding:12px 30px;background:#8b5cf6;color:#fff;font-size:20px;font-weight:500;border-radius:8px;cursor:pointer;border:none;box-shadow:0 4px 6px #8b5cf640;transition:all .3s ease;outline:0;margin-top:10px;align-self:center}.container button:hover{background:#7c3aed;transform:translateY(-2px)}.container .coverage{text-align:center;font-size:18px;color:#6b7280}.container .correct{background-color:#10b981;color:#fff;border-color:#10b981}.container .wrong{background-color:#ef4444;color:#fff;border-color:#ef4444}.container .score{text-align:center;font-size:20px;font-weight:600;color:#374151}@media (max-width: 768px){body{padding:16px}.container{width:100%;height:auto;min-height:80vh;border-radius:12px;padding:40px 60px}.container h2{font-size:22px}.container ul li{font-size:16px;height:45px}.container button{font-size:18px;padding:10px 20px;width:100%}.container .coverage{font-size:16px}.container .score{font-weight:100%;text-align:center;font-size:16px;padding:20px 40px}}