body{background:#f4f6f8;margin:0;font-family:Arial,sans-serif}.container{background:#fff;border-radius:12px;max-width:500px;margin:50px auto;padding:20px;box-shadow:0 10px 30px #0000001a}h1{margin-bottom:5px}.subtitle{color:gray;margin-bottom:20px}input{border:1px solid #ddd;border-radius:8px;width:100%;margin:5px 0;padding:10px}button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;width:100%;margin-top:10px;padding:10px}button:hover{background:#4338ca}.task{border-bottom:1px solid #eee;justify-content:space-between;padding:10px;display:flex}.progress{margin-top:20px;font-weight:700}