body{font-family:Poppins,sans-serif;background:#f0f3f7;display:flex;justify-content:center;margin-top:50px}.container{background:#fff;padding:30px;width:350px;border-radius:15px;box-shadow:0 4px 20px #0000001a}h1{text-align:center;margin-bottom:20px}.todo-form{display:flex;gap:10px}.todo-form input{flex:1;padding:10px;border:2px solid #d5d9e0;border-radius:10px}.todo-form button{padding:10px 15px;border:none;background:#3b82f6;color:#fff;font-weight:700;border-radius:10px;cursor:pointer}.todo{display:flex;justify-content:space-between;margin:10px 0;padding:12px;border-radius:10px;background:#f8fafc;cursor:pointer}.todo.done span{text-decoration:line-through;opacity:.6}.todo .delete{background:transparent;border:none;color:red;font-size:18px;cursor:pointer}